html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: inherit !important;
  }
  div#date-select h4{
    font-weight: 500;
  }
  .header-container #block-inm-theme-main-menu ul.menu .sep{
    margin: 0;
  }
  .section-sub a{
    font-weight: 500 !important;
  }
}


h3 {
    color: #1d6292;
    margin: 0 0 5px;
    font-weight: bold;
}
h4 {
    color: #042d49;
    margin: 0 0 5px;
    font-weight: bold;
    text-transform: none;
    font-size: 1.125em; /*18px*/
}
p,span,td,tr{
    text-align: justify;
}
div#date-select {
    text-align: inherit;
}
.main-content ul li{
    margin-bottom: 10px;
}
.box-gray{
    background: #f1f1f1;
    padding: 10px;

}
.box-gray3{
    background-color: rgba(237, 237, 237, 0.8);
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}
.box-gray3 h2{
    color: #1d6292;
    font-size: 1.6875em;
    margin-top: 0;
}
.box-gray3 h2:before {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: #ffb51b;
    content: "";
    display: inline-block;
    vertical-align: middle;
}
.col-md-12 div#block-title {
  padding-bottom: 0;
}
select::-ms-expand {
  display: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 5px;
  border: 0;
  outline: 0;
}
select:focus::-ms-value {
  background-color: transparent;
}
/*.box-gray h3{
    color: #1d6292;
    margin: 0 0 5px;
    font-weight: bold;
}*/

.box-gray h3 strong{
    color: #19a7ea;
}
.block-top img {
  width: 100%;
}
.region.region-system-messages .col-md-4.block:nth-child(even){
  padding-right: 0;
}
.region.region-system-messages .col-md-4.block:nth-child(odd){
  padding-right: 0;
}
.table-border td{
    border-right: 1px solid #C1C3D1;
}
.table-fill.full-table{
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 40px;
}
.table-fill.full-table td p,
.table-fill.full-table th p{
    margin-bottom: 0;
    padding-bottom: 0;
}
.table-fill.full-table td{
    padding: 12px 10px;
}
.table-fill.full-table th {
    padding: 12px 10px;
    text-align: center !important;
}
.table-fill.full-table th p {
    text-align: center !important;
}
/*.table-fill.full-table tr:nth-child(odd):hover td {
  background: #4E5066;
}*/
.table-briefing.table-fill th{
    width: 22% !important;
}
.table-briefing.table-fill th:nth-child(1){
    width: 12% !important;
}
.table-briefing.table-fill td:nth-child(even){
    background: #fff;
}
.table-briefing.table-fill td:nth-child(odd){
    background: #ededed;
}
.container_tableau .table-fill tr:nth-child(even) td{
    background: #fff;
}
.container_tableau .table-fill tr:nth-child(odd) td{
    background: #ededed;
}
.container_tableau .table-fill tr td.td_white{
    background: #fff;
}
.container_tableau .table-fill tr td.td_gray{
    background: #ededed;
}
.container_tableau .table-fill tr td{
     border-right: 1px solid #C1C3D1;
    color: #666B85;
}
.container_tableau .table-fill tr td:last-child{
     border-right: 0;
}


#block-autobriefing h2.title {
    color: #1d6292;
    font-size: 1.6875em;
    font-family: 'Roboto-Regular', Helvetica Neue, Arial, Sans-serif !important;
    text-align: left;
}
#block-autobriefing h2:before {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: #ffb51b;
    content: "";
    display: inline-block;
    vertical-align: middle;
}
span.fa {
    font-family: FontAwesome !important;
}
.box-documentation .col-md-5{
    padding: 30px 25px 0 25px;
}
.box-documentation p{
    font-size: 0.875em;
    line-height: 24px;
    color: #01080d;
}
.box-documentation .controls{
    padding-top: 20px;
    clear: both;
}

/******************** cLimat ***********************/
.filter-climat{
    position: relative;
    background-color: transparent;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}
.filter-climat select {
    /*background: #ededed url("../../images/icon-select.png") no-repeat right center;
    color: #1d6292;
    font-size: 13px;
    padding: 5px 26px 5px 5px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: #ededed;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    min-width: 92px;*/
    /*width: auto;*/
    display: inline-block;
    background: #e0e0e0 url(../../images/puce-select-2.png) no-repeat right center;
    border: 0;
    height: 48px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    color: #19a7ea;
    padding: 0 35px 0 15px;
    font-size: 1.125em;
    width: auto;
    box-sizing: content-box;
    margin: 0;
}
.filter-climat select+select{
    margin-left: 38px;
}
.filter-climat select:focus{
    background: #19a7ea url(../../images/puce-select-3.png) no-repeat right center;
    color: #fff;
}
.filter-climat select:focus option{
    background: #fff;
    color: #1d6292;
}
.region-content h2, #block-title .content{
    color: #1d6292;
    font-size: 1.6875em;
    line-height: 1.20;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: inherit;
}
.region-content h2:before, #block-title .content:before {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: #ffb51b;
    content: "";
    display: inline-block;
    vertical-align: middle;
}
.section-sub,
body.ephemerides .block.col-md-6{
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}
.section-sub a,
.field--name-field-lien-page-ephemeride a{
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    margin-top: -22px;
    background-color: rgba(255, 255, 255, 0.73);
    color: #053c62;
    z-index: 8;
    min-height: 44px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75em;
    /*font-family: DINPro-Medium;*/
    padding: 11px 5px;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
  font-family: 'Roboto', Sans-serif !important;
}
.section-sub img,
.field--name-field-fond-bloc-ephemeride img{
    position: relative;
    z-index: 5;
    width: 100%;
    /*height: auto;*/
    height: 160px;
}
.section-sub a:hover {
    background-color: rgba(255, 255, 255, 1);
}
div#block-rubriques-ephemerides-block .col-md-12.views-row {
    float: inherit;
    margin: 10px 0;
    padding: 0;
    width: 99%;
}
div#block-rubriques-ephemerides-block .col-md-6.views-row {
    display: inline-block;
    width: 49%;
    position: relative;
    float: inherit;
    margin: 10px 0;
    padding: 0;
}

/*************** Page Données climatiques ********************/

.tab-donnees{
    position: relative;
}
.tab-donnees .nav-tabs > li > a {
    display: block;
    line-height: 43px;
    padding: 0 24px;
    color: #19a7ea;
    background: #e0e0e0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.062em;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    position: relative;
}
.tab-donnees .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus,
.tab-donnees .nav-tabs > li.active > a:hover {
    border-bottom: 2px solid #1d6292;
    color: #fff;
    background: #19a7ea;
}
.tab-donnees .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
    border-bottom: 2px solid #1d6292;
    color: #19a7ea;
    background: #ededed;
}
.tab-donnees .nav-tabs {
    border-bottom: 0;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #efefef;
    border-radius: 10px 10px 0 0;
}
.main-content .tab-donnees ul.nav-tabs li{
    margin-bottom: 0;
    margin-left: 2px;
}
.tab-donnees .tab-content {
    padding: 0;
    position: relative;
}
.tab-donnees .tab-content .menu_map_c{
    position: absolute;
    z-index: 20;
    left: 0;
    top: 60px;
    width: 75px;
    text-align: center;
}
.tab-donnees .tab-content .menu_map_c h3{
    margin: 0 0 2px;
    background: #3fb2fc;
    color: #fff;
    font-size: 0.812em;
    padding: 0;
    height: 29px;
    line-height: 29px;
}
.tab-donnees .tab-content .menu_map_c ul{
    padding: 0;
    margin: 0;
}
.tab-donnees .tab-content .menu_map_c ul li{
    margin: 0 0 2px 0;
    padding: 0;
    list-style: none;
}
.tab-donnees .tab-content .menu_map_c ul li a{
    font-size: 0.687em;
    text-transform: uppercase;
    color: #1d6292;
    background: #ffeac7;
    height: 27px;
    line-height: 27px;
    font-weight: 600;
    display: block;
}
.tab-donnees .tab-content .menu_map_c ul li a:hover,
.tab-donnees .tab-content .menu_map_c ul li.active a,
.tab-donnees .tab-content .menu_map_c ul li a.active{
    background: #f8ab2b;
    color: #fff;
}
/************* Opérations data *******************/

.table-fill.table-data th{
    padding: 12px 8px;
    font-size: 0.75em !important;
}
.table-fill.table-data td{
    padding: 24px 8px;
    font-size: 0.75em !important;
}
.operational_data_service .table-fill tr:hover td{
    color: #fff;
}
.form-data{
    text-align: center;
}
.form-data select{
    display: inline-block;
    width: 28%;
    background: #f7ad2a url("../../images/puce-select.png") no-repeat right center;
    border: 0;
    height: 46px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #fff;
    padding: 0 20px 0 10px;
}
.form-data select+select{
    margin-left: 30px;
}
.form-data select option{
    background: #fff;
    color: #000;
    line-height: 1.5em !important;
    font-size: 0.9375em;
}
.form-data select:nth-child(2){
    background: #aed11b url("../../images/puce-select.png") no-repeat right center;
}
.form-data select:nth-child(3){
    background: #50356a url("../../images/puce-select.png") no-repeat right center;
}

/************** Monotoring *************************/

.map-satelite{
    position: relative;
    z-index: 0;
}
.map-satelite img{
    max-width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
.tab-monotoring{
    position: relative;
}
.tab-monotoring .nav-tabs > li{
    margin-bottom: 10px;
    padding: 0 5px 0 0;
}
.tab-monotoring .nav-tabs > li+li{
    margin-left: 0;
    padding: 0 5px 0 0;
}
.tab-monotoring .nav-tabs > li > a {
    padding: 10px;
    background: #ededed;
    color: #1d6292;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    font-size: 1.125em;
    font-weight: 600;
    border: none;
}
.tab-monotoring .nav-tabs > li > a:hover, .tab-monotoring .nav-tabs > li > a:focus,
.tab-monotoring .nav-tabs > li.active > a, .tab-monotoring .nav-tabs > li.active > a:focus,
.tab-monotoring .nav-tabs > li.active > a:hover {
    border: none;
    background: #ffb51b;
    color: #fff;
}
.tab-monotoring .nav-tabs {
    border-bottom: 0;
    margin: 0;
}
.tab-monotoring  ul.nav-tabs.col-md-12{
    padding: 0;
}
.controls ul{
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 20;
}
.controls ul li{
    margin: 0 3px;
    padding: 0;
    list-style: none;
    display: inline-block;
}
#satellite .controls ul li.icon_start{
    /*display: none;*/
}
div.controls ul [class*="icon-"]{
    font-size: 0;
    width: 33px;
    height: 32px;
    border: 0;
    color: transparent;
}
div.controls ul .icon-play{
    background: url(/modules/custom/satellite/images/sat_play.png) no-repeat;
}
div.controls ul .icon-previous{
    background: url(/modules/custom/satellite/images/sat_prev.png) no-repeat;
}
div.controls ul .icon-next{
    background: url(/modules/custom/satellite/images/sat_next.png) no-repeat;
}
.form-monotoring{
    text-align: left;
}
.form-monotoring select{
    display: inline-block;
    background: #ededed url("../../images/puce-select-2.png") no-repeat right center;
    border: 0;
    height: 48px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    color: #19a7ea;
    padding: 0 35px 0 15px;
    font-size: 1.125em;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    width: auto;
    margin-bottom: 0;
    /*font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif;*/
    box-sizing: content-box;
}
.form-monotoring select+select{
    margin-left:4px;
}
.form-monotoring select:focus {
    background: #19a7ea url("../../images/puce-select-3.png") no-repeat right center;
    color: #fff;
}
.form-monotoring select option{
    background: #fff;
    color: #000;
    line-height: 1.5em !important;
    font-size: 0.9375em;
    text-transform: none;
}
.content-monotoring{
    background: #fff;
    padding: 0;
    clear: both;
}

/************** Page reference history ***************/

.form-reference{
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
}
.form-reference select{
    display: inline-block;
    background: #9bc72f url("../../images/puce-select.png") no-repeat right center;
    border: 0;
    height: 48px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    color: #fff;
    padding: 0 35px 0 15px;
    font-size: 1.125em;
    width: auto;
    margin-bottom: 0;
    box-sizing: content-box;
}
.form-reference select option{
    background: #fff;
    color: #000;
    line-height: 1.5em !important;
    font-size: 0.833em;
    text-transform: none;
}
.widget-file .col-md-4{
    text-align: center;
}
.widget-file .link-blue{
    color: #3abdff;
    font-size: 1.5em;
    font-family: DINPro-Bold;
}

.widget-file .col-md-4 hr{
    width: 100px;
    border-color: #dedede;
    display: block;
    margin: 10px auto 5px;
}
/******************* Page training **********************/
.box-gray2{
    background-color: rgba(237, 237, 237, 0.4);
    padding: 70px 10px 1px;
}
.link-training{
    height: 75px;
    text-align: center;
    max-width: 420px;
    margin: 0 auto 70px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
}
.link-yellow a{
    background: #f7ad2a;
}
.link-green a{
    background: #aed11b;
}
.link-mauve a{
    background: #50356a;
}
.link-training a{
    color: #fff;
    text-transform: uppercase;
    line-height: 20px;
    display: block;
    font-family: DINPro-Medium;
    font-size: 1.0625em;
    padding: 30px 70px 10px;
    height: 75px;
}
.link-training.link-green a{
    padding-top: 17px;
}
.link-training a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.full-sub.section-sub a{
    right: auto;
    width: 263px;
}
/************* Pages marine *********/
.select-zone {
    background-color: #efefef;
    border-radius: 10px 10px 0 0;
}
.select-zone select, .form-type-select select{
    display: inline-block;
    border: 0;
    height: 48px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    color: #19a7ea;
    padding: 0 35px 0 15px;
    font-size: 1.125em;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    width: auto;
    margin-bottom: 0;
    /*font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif;*/
    box-sizing: content-box;
    background: #19a7ea url("../../images/puce-select-3.png") no-repeat right center;
    color: #fff;
    margin-top: 0;

}
.select-zone select option{
    background: #fff;
    color: #000;
    line-height: 1.5em !important;
    font-size: 0.9375em;
    text-transform: none;
}
/*************************/
.region-system-messages .col-md-12 .block{
    padding-bottom: 0;
}

.pdf-download{
    /*height: 34px;*/
    line-height: 34px;
    padding: 0 0 0 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #17b2ef;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    height: auto;
}
.pdf-download:after{
    content: "";
    display: inline-block;
    background: url("../../images/icon-pdf.png") no-repeat;
    width: 34px;
    height: 34px;
    margin-left: 10px;
    vertical-align: middle;
}

/************* Formulaire enquête *******************/

#webform-submission-enquete-macrosismique-node-44-add-form section,
#webform-submission-enquete-macrosismique-node-51-add-form section{
    padding: 15px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px !important;
    background: #fff;
    border-radius: 7px;
}
form#webform-submission-enquete-macrosismique-node-51-add-form div#edit-section-a,
form#webform-submission-enquete-macrosismique-node-51-add-form div#edit-section-b,
form#webform-submission-enquete-macrosismique-node-51-add-form div#edit-section-c,
form#webform-submission-enquete-macrosismique-node-51-add-form div#edit-section-d{
    background-color: rgba(237,237,237,0.6);
    padding: 10px;
}
body.page-node-51 .webform-progress-tracker .progress-step:not(.is-active) .progress-marker,
body.page-node-51 .webform-progress-tracker .progress-step:hover .progress-marker{
    background-color: #dedede;
}
body.page-node-51 .progress-step.is-complete .progress-marker {
    background-color: #1976D2 !important;
}
body.page-node-51 .webform-progress-tracker .progress-step::after {
    background-color: #dedede;
}
body.page-node-51 .progress-step.is-complete::after {
    background-color: #1976d2 !important;
}
body.page-node-51 .webform-progress-tracker .progress-step::after {
    background-color: #dedede;
    z-index: 1;
}
form#webform-submission-enquete-macrosismique-node-51-add-form .form-item-votre-ville label {
    color: #042d49;
    margin: 0 0 5px;
    font-weight: bold;
    text-transform: none;
}
form#webform-submission-enquete-macrosismique-node-51-add-form input#edit-votre-ville {
    width: 100%;
    font-size: 0.875em;
    padding: 10px 10px;
}
#webform-submission-enquete-macrosismique-node-51-add-form section:last-child{
    margin-bottom: 0 !important;
}
body.page-node-51 .progress-title{
    color: #000;
    font-family: 'Roboto', Sans-serif !important;
    font-size: 0.8125em;
    text-align: center;
}
#webform-submission-enquete-macrosismique-node-44-add-form fieldset legend,
#webform-submission-enquete-macrosismique-node-51-add-form fieldset legend{
    border: 0;
}
#webform-submission-enquete-macrosismique-node-44-add-form .webform-flex--container .form-type-radio,
#webform-submission-enquete-macrosismique-node-51-add-form .webform-flex--container .form-type-radio{
    display: inline-block;
    margin: 0;
}
#webform-submission-enquete-macrosismique-node-44-add-form .webform-flex--1 ,
#webform-submission-enquete-macrosismique-node-51-add-form .webform-flex--1 {
     -webkit-flex: inherit;
     flex: inherit;
    width: auto;
}
#webform-submission-enquete-macrosismique-node-44-add-form .webform-flex--container > .form-item > input,
#webform-submission-enquete-macrosismique-node-51-add-form .webform-flex--container > .form-item > input{
    width: 80px;
    font-size: 0.875em;
    padding: 1px 10px;
}
#webform-submission-enquete-macrosismique-node-44-add-form .webform-flex--container > .form-item.js-form-item-si-oui-quel-etage > input,
#webform-submission-enquete-macrosismique-node-51-add-form .webform-flex--container > .form-item.js-form-item-si-oui-quel-etage > input{
    width: 40px;
}
#webform-submission-enquete-macrosismique-node-44-add-form .webform-flex--container > .form-item > select,
#webform-submission-enquete-macrosismique-node-44-add-form .form-item > select,
#webform-submission-enquete-macrosismique-node-51-add-form .webform-flex--container > .form-item > select,
#webform-submission-enquete-macrosismique-node-51-add-form .form-item > select{
    width: auto;
    font-size: 0.875em;
    padding: 0 25px 0 10px;
    height: 28px;
    margin-bottom: 15px;
    max-width: 186px;
}
#webform-submission-enquete-macrosismique-node-44-add-form .webform-flex--container > .form-item.js-form-item-si-oui-quel-etage > label,
#webform-submission-enquete-macrosismique-node-44-add-form .webform-flex--container > .form-item > label,
#webform-submission-enquete-macrosismique-node-51-add-form .webform-flex--container > .form-item.js-form-item-si-oui-quel-etage > label,
#webform-submission-enquete-macrosismique-node-51-add-form .webform-flex--container > .form-item > label{
    display: inline-block;
    font-weight: normal;
}
#webform-submission-enquete-macrosismique-node-44-add-form label.option ,
#webform-submission-enquete-macrosismique-node-51-add-form label.option {
    font-size: 0.8125em;
}
#webform-submission-enquete-macrosismique-node-44-add-form input[type="radio"],
#webform-submission-enquete-macrosismique-node-44-add-form input[type="checkbox"],
#webform-submission-enquete-macrosismique-node-51-add-form input[type="radio"],
#webform-submission-enquete-macrosismique-node-51-add-form input[type="checkbox"] {
    margin: 0 0 3px 0;
}
#webform-submission-enquete-macrosismique-node-44-add-form .form-actions,
#webform-submission-enquete-macrosismique-node-51-add-form .form-actions{
    text-align: right;
}
#webform-submission-enquete-macrosismique-node-44-add-form .form-item,
#webform-submission-enquete-macrosismique-node-51-add-form .form-item{
    margin-top: 0;
    /*margin-bottom: 10px;*/
}
#webform-submission-enquete-macrosismique-node-44-add-form  input[type="submit"] ,
#webform-submission-enquete-macrosismique-node-51-add-form  input[type="submit"] {
    font-size: 0.875em;
    padding: 9px 20px;
    line-height: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #1d6292;
    color: #fff;
    border: 0;
}
#webform-submission-enquete-macrosismique-node-44-add-form  input[type=range] ,
#webform-submission-enquete-macrosismique-node-51-add-form  input[type=range] {
    display: inline-block;
    width: 60%;
    margin: 0 10px;
    vertical-align: middle;
}
#webform-submission-enquete-macrosismique-node-44-add-form .field-prefix,
#webform-submission-enquete-macrosismique-node-44-add-form .field-suffix,
#webform-submission-enquete-macrosismique-node-51-add-form .field-prefix,
#webform-submission-enquete-macrosismique-node-51-add-form .field-suffix{
    font-size: 0.8125em;
    color: #1d6292;
    font-weight: bold;
}
#webform-submission-enquete-macrosismique-node-44-add-form  textarea ,
#webform-submission-enquete-macrosismique-node-51-add-form  textarea {
    margin-bottom: 15px;
}
#webform-submission-enquete-macrosismique-node-44-add-form h3,
#webform-submission-enquete-macrosismique-node-51-add-form h3{
    font-size: 1.25em;
    margin-bottom: 20px;
}
#webform-submission-enquete-macrosismique-node-44-add-form h4,
#webform-submission-enquete-macrosismique-node-51-add-form h4{
    font-size: 0.9375em;
    margin-bottom: 0;
}
form#webform-submission-enquete-macrosismique-node-51-add-form div#edit-choisissez-image--description {
    margin-bottom: 10px;
}
body.page-node-51 .webform-progress-tracker .progress-step .progress-text{
    text-align: center;
}
#webform-submission-enquete-macrosismique-node-51-add-form .form-item-votre-ville{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
#webform-submission-enquete-macrosismique-node-51-add-form .webform-progress {
  background-color: rgba(237,237,237,0.6);
  padding: 10px;
  margin-bottom: 20px;
}
#webform-submission-enquete-macrosismique-node-51-add-form .webform-progress-tracker.progress-tracker {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
#webform-submission-enquete-macrosismique-node-51-add-form #edit-flexbox-02 .webform-flex--1:last-child .webform-flex--container{
  margin: 0;
}
body.node-51-webform-confirmation div#block-inm-theme-content {
  background-color: rgba(237,237,237,0.6);
  padding: 10px;
  margin-bottom: 20px;
}
body.node-51-webform-confirmation div#block-inm-theme-content  .content {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 10px 0;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #3071a9;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 18px;
    width: 14px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #367ebd;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #3071a9;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 18px;
    width: 14px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    /*height: 26px;*/
    width: 10px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    height: 6px;
}
input[type=range]:focus::-ms-fill-lower {
    background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
}
#webform-submission-enquete-macrosismique-node-44-add-form .form-item.form-item-votre-reaction,
#webform-submission-enquete-macrosismique-node-51-add-form .form-item.form-item-votre-reaction{
    margin-bottom: 25px;
}
/***************** Page seismes ******************/
.h3-head{
    display: inline-block;
    line-height: 43px;
    padding: 0 24px;
    color: #fff;
    background: #19a7ea;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    position: relative;
    margin-bottom: 0;
}
.container_map_seismes{
    background: #fff;
}
.container_map_seismes .map_image{
    float: right;
    width: 80%;
}
.formes-seismes{
    float: left;
    width: 20%;
    background: #fff;
    height: 100%;
    text-align: center;
}
.formes-seismes h4{
    background: #f7aa2e;
    color: #fff;
    display: block;
    margin: 0 0 10px;
    padding: 13px 5px;
    font-size: 0.875em;
    line-height: 14px;
    font-weight: 600;
}
.formes-seismes ul{
    padding: 0;
    margin: 0;
}
.formes-seismes ul li{
    list-style: none;
    margin: 5px 0;
    vertical-align: middle;
}
.formes-seismes ul li i{
    display: inline-block;
    background: #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 22px;
    height: 22px;
    border: 4px solid #ccc;
    vertical-align: middle;
}
.formes-seismes ul li span{
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    color: #1d6292;
    font-size: 0.75em;
    font-weight: 600;
}
.formes-seismes ul li i.forme-1{
    /*border-color: #66cafe;
    background: #33b8fd;*/
    background-image: url(/sites/default/files/inline-images/force_1.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-2{
    /*border-color: #a9e68f;
    background: #8cdd69;*/
    background-image: url(/sites/default/files/inline-images/force_2.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-3{
    /*border-color: #7fc95f;
    background: #54b72a;*/
    background-image: url(/sites/default/files/inline-images/force_3.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-4{
    /*border-color: #629b49;
    background: #2e7a0c;*/
    background-image: url(/sites/default/files/inline-images/force_4.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-5{
    /*border-color: #fbeba3;
    background: #f7de6c;*/
    background-image: url(/sites/default/files/inline-images/force_5.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-6{
    /*border-color: #ffde57;
    background: #f8c909;*/
    background-image: url(/sites/default/files/inline-images/force_6.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-7{
    /*border-color: #fbb147;
    background: #fa9709;*/
    background-image: url(/sites/default/files/inline-images/force_7.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-8{
    /*border-color: #fb7a47;
    background: #fa4d09;*/
    background-image: url(/sites/default/files/inline-images/force_8.png);
    background-color: transparent;
    border: none;
}
.formes-seismes ul li i.forme-9{
    /*border-color: #9869d0;
    background: #7637c0;*/
    background-image: url(/sites/default/files/inline-images/force_9.png);
    background-color: transparent;
    border: none;
}

/******** Tableau sismique *******************/
.table-fill.table-sismique{
    width: 100%;
    clear: both;
    height: auto;
    margin-top: 20px;
}
.table-fill.table-sismique th{
    position: relative;
}
.t-sort{
    background: url("../../images/icon-sort.png") no-repeat;
    width: 11px;
    height: 12px;
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 50%;
    margin-top: -6px;
}
.table-fill.table-sismique td:nth-child(even),
.table-fill.table-sismique td:nth-child(even):hover{
    background: #C4C6C8;
    color: #000;
    border-bottom: 1px solid #fff;
}
.table-fill.table-sismique td:nth-child(odd),
.table-fill.table-sismique td:nth-child(odd):hover{
    background: #E6E7E8;
    color: #000;
}
.table-fill.table-sismique th {
    color: #FFFFFF !important;
    background: #25A6DF;
    border-bottom: 0;
    padding: 3px 10px;
    text-align: center;
    border-right: 1px solid #fff;
    font-weight: 500;
}
.table-fill.table-sismique th:last-child{
  border-right: none;
}
.link-gestion-doc{
    background: url("../../images/bg-documentation.png") no-repeat center top / 100% auto;
    width: 498px;
    height: 108px;
    color: #fff;
    display: inline-block;
    padding:43px 20px 0 0;
    font-size: 1.375em;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 1px;
    font-family: DINPro-Medium;
    margin-top: 30px;
}

/*********************Vigilances***********************/
.options-map{
    /*margin-top: 20px;*/
}
.options-map.options-conseils{
    margin-top: 50px;
}
.options-map ul{
    padding: 0;
    margin: 0;
}
.options-map li{
    padding: 10px 15px;
    margin: 0 0 20px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    list-style: none;
}
.options-map li h3{
    font-size: 0.875em;
    /*font-family: DINPro-Bold !important;*/
    text-align: inherit;
}
.options-map li p{
    font-size: 0.875em;
    /*font-family: DINPro-Light !important;*/
    margin: 0;
    padding: 0;
    color: #01080d;
    line-height: 17px;
    overflow: hidden;
}
.op-color{
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 25px;
    background: #63bb2c;
}
.op-color.op-green{
    background: #63bb2c;
}
.op-color.op-yellow{
    background: #ffff3f;
}
.op-color.op-orange{
    background: #f9b212;
}
.op-color.op-red{
    background: #e00629;
}
body.vigilance-meterologique .options-map li.clearfix h3:first-of-type{
  margin-bottom: 15px;
}
div#block-block-vigilance-consequences-et-conseils-pictogrammes .views-field-field-icone-vigilance,
.options-vigilances img{
    float: left;
    margin-right: 18px;
}
div#block-block-vigilance-consequences-et-conseils-pictogrammes .views-field-title span,
.options-vigilances p{
    padding-top: 15px;
    color: #40769e;
    font-size: 1.125em;
    font-family: DINPro-Medium !important;
    line-height: 20px;
    text-align: left !important;
}
.options-vigilances .col-md-6,
 .options-vigilances .col-sm-6{
     margin-bottom: 50px;
     height: 70px;
 }
div#block-block-vigilance-consequences-et-conseils-pictogrammes .col-md-3.col-sm-6.views-row,
.options-vigilances .col-md-3.col-sm-6{
    margin-bottom: 20px;
    height: auto;
}
div#block-block-vigilance-consequences-et-conseils-pictogrammes{
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
  clear: both;
}
div#block-block-vigilance-consequences-et-conseils-pictogrammes .content{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  padding-bottom: 0;
}
.options-map li:first-child h3,
.options-map li:last-child h3{
    /*margin: 10px 0 5px;*/
}
.options-map li:first-child p,
.options-map li:last-child p{
    margin-bottom: 10px;
}
body.vigilance-meterologique .options-map li.clearfix:last-child p:last-child {
  padding-left: 45px;
}
.options-map.options-conseils li:first-child p,
.options-map.options-conseils li:last-child p{
    margin-bottom: 0;
}
.options-vigilances{
    margin-top: 50px;
}
#block-pictogrammevigilance row:first-child{
    margin: 0;
}
.options-map li:first-child {
    /*margin-bottom: 15px;*/
}
.options-map li:last-child{
    /*margin-top: 40px;*/
}
.header-vigilance{
    background: #fff;
}

.top-header-vigilance li{
    display: inline-block;
}
.menu--menu-top-vigilance ul{
    margin: 0;
    padding: 0;
}
.menu--menu-top-vigilance {
    /*float: right;*/
    margin: 0;
    padding-bottom: 0;
}
#block-shareheader{
    float: right;
    clear: right;
    z-index: 1;
    /*margin-right: 36px;*/
}
#block-logovigilance{
    float: left;
    margin-right: 20px;
    padding-bottom: 0;
    margin-top: -20px;
}
#block-slogonvigilance{
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 20px;
    /*margin-top: 10px;*/
}
#block-menuvigilance{
    text-align: left;
}
.header-container #block-menuvigilance ul.menu{
    text-align: left;
}
.header-container.header-vigilance .menu--menu-top-vigilance ul.menu li a,
.header-container.header-vigilance .menu--menu-top-vigilance ul.menu li > span{
    color: #f7ab2b;
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif;
    font-weight: bold;
    font-size: 0.75em;
    text-transform: none;
}
.header-container.header-vigilance .menu--menu-top-vigilance ul.menu li a:hover,
.header-container.header-vigilance .menu--menu-top-vigilance ul.menu li a.is-active{
    color: #1b6795;
}
#block-shareheader .socials a .fa {
    width: 26px;
    line-height: 30px;
    position: relative;
    text-align: center;
}
#block-shareheader .socials a {
    width: 30px;
    height: 30px;
    background: #1b6795;
    color: #fff;
    display: inline-flex;
    border-radius: 5px;
    margin:4px 1px 0;
    text-decoration: none;
    text-align: center;
    padding-left: 4px;
}
#block-slogonvigilance .title-slogan{
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif;
    font-weight: bold;
    color: #1d6292;
    text-transform: uppercase;
    font-size: 1.4375em;
}
#block-slogonvigilance .txt-slogan{
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif;
    color: #1d6292;
    font-size: 0.875em;
    text-align: inherit;
    /*font-weight: 600;*/
}
.top-header-vigilance{
    /*margin-bottom: -65px;*/
}
.bottom-header-vigilance{
    /*margin-top: -55px;*/
}
#block-menutopvigilance{
    font-size: 1.0625em;
    font-weight: bold;
    text-align: center;
}
#block-menuvigilance{
    color: #f7ab2b;
    font-size: 1.375em;
    font-weight: bold;
}
.header-container #block-menuvigilance ul.menu li:first-child{
    margin-left: 10px;
}
.header-container #block-menuvigilance ul.menu li a,
.header-container #block-menuvigilance ul.menu li > span{
    font-size: 0.772em;
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
    font-weight: normal;
    display: block;
    padding: 10px 10px;
    margin: 0 -10px;
}
.header-container #block-menuvigilance ul.menu li a:hover,
.header-container #block-menuvigilance ul.menu li a.is-active{
    background: #f7ab2b;
    color: #1d6292;
}
.page-node-55 #block-title,
.page-node-59 #block-title,
.page-node-60 #block-title,
.page-node-61 #block-title,
.page-node-62 #block-title,
.page-node-57 #block-title{
    display: none;
}
#block-searchvigilance{
    position: relative;
    z-index: 50;
    text-align: right;
    padding-bottom: 0;
}
.form-search-vigilance{
    position: relative;
    text-align: left;
    display: inline-block;
    margin-bottom: 5px;
}
.form-search-vigilance .icone-search {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -11px;
    z-index: 20;
    background: url(../../images/icone-search.png) no-repeat;
    width: 23px;
    height: 22px;
}
.page-node-55 .region-content h2,
.page-node-57 .region-content h2,
.page-node-59 .region-content h2,
.page-node-60 .region-content h2,
.page-node-61 .region-content h2,
.page-node-62 .region-content h2{
    margin-top: 0;
}
.form-search-vigilance input.form-control{
    background-color: rgba(247, 171, 43, 0.67);
    border: 0;
    width: 200px;
    color: #fff;

}
/*form placeholder*/
.form-search-vigilance ::-webkit-input-placeholder {
    color: #fff;
    font-style: italic;
}
.form-search-vigilance :-moz-placeholder {
    color: #fff;
    font-style: italic;
}
.form-search-vigilance ::-moz-placeholder {
    color: #fff;
    font-style: italic;
}
.form-search-vigilance :-ms-input-placeholder {
    color: #fff;
    font-style: italic;
}


.options-map.options-conseils li {
    padding: 0;
    margin: 0 35px 20px;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    list-style: none;
}
.options-map.options-conseils li p{
    padding-top: 2px;
    line-height: 22px;
}
.options-map.options-conseils li strong{
    color: #40769e;
    font-family: DINPro-Bold;
    font-size: 1.25em;
}
.options-map.options-conseils li:first-child {
    margin-bottom: 20px;
}
.options-vigilances.options-vig-conseils{}
.div-white{
    /*padding: 30px 25px 5px;
    margin: 0 20px 20px;*/
    padding: 15px;
    margin: 10px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.div-icon{
    width: 26px;
    float: left;
    margin-right: 20px;
}
.div-icon a{
    display: block;
    margin-bottom: 13px;
}
.options-vigilances .col-sm-6:not(.col-md-3) img{
    width: 68px;
}
.options-vigilances .div-icon a img {
    float: none;
    margin-right: 0;
    width: auto;
}
.head-vig{
    margin-bottom: 20px;
}
.head-vig img{
    float: left;
    margin-right: 25px;
    width: 68px;
}
.head-vig.in-orange img{
    background: #f9b212;
}
.head-vig.in-red img{
    background: #e00629;
}
.head-vig h3{
    font-family: DINPro-Bold !important;
    font-size: 1.3125em;
    color: #40769e;
    text-transform: none;
    margin: 5px 0 10px;
}
.head-vig p{
    font-family: DINPro-Bold !important;
    font-size: 1em;
    color: #40769e;
    margin: 0 0 10px;
}
.head-vig.in-orange p{
    color: #f9b212;
}
.head-vig.in-red p{
    color: #e00629;
}
.content-vig h4{
    font-family: DINPro-Bold !important;
    font-size: 1.1875em;
    color: #40769e;
    text-transform: none;
    margin: 0 0 10px;
}
.content-vig p{
    font-family: DINPro-Light !important;
    font-size: 0.875em;
    color: #01080d;
    margin: 0 0 10px;
    line-height: 22px;
}
.div-white img.pull-right{
    margin: 0 0 20px 20px;
}
.widget-parts{
    margin-bottom: 30px;
    position: relative;
    clear: both;
}
.picto-part p {
    padding-left: 0 !important;
    text-align: center;
}
.picto-part img {
    display: block;
    position: relative;
    margin: auto;
}
div#btn-back p {
    font-size: 0.875em;
    color: #fff;
    background: #1d6292;
    display: inline-block;
    line-height: 35px;
    padding: 0 24px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    position: relative;
}
div#btn-back a:hover{
    text-decoration:none;
}
div#btn-back {
    display: block;
    position: relative;
    width: auto;
    text-align: right;
    margin: 0 2px 0 0;
    padding: 0;
}
.sep-0{
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    background: #1d6292;
    left: calc(33.33% + 85px);
}
.line-part{
    height: 50px;
    margin-bottom: 10px;
    clear: both;
}
.picto-part{
    float: left;
    width: 85px;
}
.div-part{
    float: left;
    width: calc(100% - 85px);
    -webkit-border-radius: 15px;
    -moz-border-radius:15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    /*overflow: hidden;*/
    margin-top: 10px;

  display: flex;
}
.zone-part{
    float: left;
    /*width: 3.4% !important;
    flex: 0 1 10%;*/
    width: inherit;
}
.part{
    display: inline-block;
    width: 100%;
    float: left;
    background: #68b432;
    height: 28px;
}
/*.zone-part:last-child{
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius:0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
}
.zone-part:first-child{
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius:15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    overflow: hidden;
}*/
.time-parts{
  display: flex;
  width: calc(100% - 85px);
  float: right;
}
.w-time{
    display: inline-block;
    /*width: 3.4%;*/
    color: #1d6292;
    font-size: 0.9375em;
    /*flex: 0 1 10%;*/
    width: inherit;
    text-align: center;
}
/*.w-time:last-child{
    width: 3%;
}*/
.part.yellow{
    background: #f3e838;
}
.part.orange{
    background: #f9b21b;
}
.part.red{
    background: #df062a;
}
.parts-vigilance p{
    color: #1d6292;
    font-size: 1.125em;
    padding-left: 90px;
}

/************ Page contact *****************/
.page-node-64 .main-content > .container {
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: 40px;
}
div#block-contactsubdivisiontozeur,
div#block-contactsubdivisionmedenine,
div#block-contactsubdivisionjendouba,
div#block-contactsubdivisionsousse,
div#block-contactsubdivisionsfax,
div#block-contactinm,
#block-contacteznous{
    background: #f3f3f3;
    padding: 35px 20px;
    margin-right: -15px;
}
.page-node-192 .sidebar__section,
.page-node-191 .sidebar__section,
.page-node-190 .sidebar__section,
.page-node-189 .sidebar__section,
.page-node-188 .sidebar__section,
.page-node-187 .sidebar__section,
.page-node-64 .sidebar__section{
    padding: 0;
}
/*.page-node-64 .main-content__section {
    padding: 40px 0 0;
}*/
.page-node-192 #block-title,
.page-node-191 #block-title,
.page-node-190 #block-title,
.page-node-189 #block-title,
.page-node-188 #block-title,
.page-node-187 #block-title,
.page-node-64 #block-title{
    /*margin-top: -87px;*/
    display: block;
}
.line-contact{
    padding-left: 40px;
}
.line-contact.siege{
    background: url("../../images/icone_siege.png") no-repeat;
}
.line-contact.tel{
    background: url("../../images/icone_tel.png") no-repeat;
}
.line-contact.fax{
    background: url("../../images/icone_fax.png") no-repeat;
}
.line-contact.mail{
    background: url("../../images/icone_mail.png") no-repeat;
}
.line-contact strong{
    color: #f7aa2e;
}
div#block-contactsubdivisiontozeur h2.title,
div#block-contactsubdivisionmedenine h2.title,
div#block-contactsubdivisionjendouba h2.title,
div#block-contactsubdivisionsousse h2.title,
div#block-contactsubdivisionsfax h2.title,
div#block-contactinm h2.title,
#block-contacteznous h2.title{
    color: #1d6292;
    font-size: 1.5em;
    margin-bottom: 25px;
}
.webform-submission-drupal-contact-form .form-actions,
.webform-submission-creation-compte-developpeur-form .form-actions,
.webform-submission-contact-subdivision-tunis-form .form-actions,
.webform-submission-contact-subdivision-sfax-form .form-actions,
.webform-submission-contact-subdivision-sousse-form .form-actions,
.webform-submission-contact-subdivision-jendouba-form .form-actions,
.webform-submission-contact-subdivision-medenine-form .form-actions,
.webform-submission-contact-subdivision-tozeur-form .form-actions{
    text-align: center;
}
.webform-submission-contact-subdivision-tunis-form fieldset,
.webform-submission-contact-subdivision-tunis-form fieldset legend,
.webform-submission-contact-subdivision-sousse-form fieldset,
.webform-submission-contact-subdivision-sousse-form fieldset legend,
.webform-submission-contact-subdivision-medenine-form fieldset,
.webform-submission-contact-subdivision-medenine-form fieldset legend,
.webform-submission-contact-subdivision-sfax-form fieldset,
.webform-submission-contact-subdivision-sfax-form fieldset legend,
.webform-submission-contact-subdivision-jendouba-form fieldset,
.webform-submission-contact-subdivision-jendouba-form fieldset legend,
.webform-submission-contact-subdivision-tozeur-form fieldset,
.webform-submission-contact-subdivision-tozeur-form fieldset legend,
.webform-submission-drupal-contact-form fieldset,
.webform-submission-drupal-contact-form fieldset legend,
.webform-submission-creation-compte-developpeur-form fieldset,
.webform-submission-creation-compte-developpeur-form fieldset legend,
{
    border: 0;
}
.txt-champs{
    text-align: right;
    font-size: 0.8125em;
    color: #707070;
    font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    padding-top: 0;
}
#edit-champs-obligatoires{
    margin-bottom: 0;
}
.webform-submission-drupal-contact-form #edit-flexbox, .webform-submission-creation-compte-developpeur-form #edit-flexbox{
    margin-top: 0;
}
.webform-submission-contact-subdivision-tunis-form input ,
.webform-submission-contact-subdivision-tunis-form select,
.webform-submission-contact-subdivision-sousse-form input ,
.webform-submission-contact-subdivision-sousse-form select,
.webform-submission-contact-subdivision-medenine-form input ,
.webform-submission-contact-subdivision-medenine-form select,
.webform-submission-contact-subdivision-sfax-form input ,
.webform-submission-contact-subdivision-sfax-form select,
.webform-submission-contact-subdivision-jendouba-form input ,
.webform-submission-contact-subdivision-jendouba-form select,
.webform-submission-contact-subdivision-tozeur-form input ,
.webform-submission-contact-subdivision-tozeur-form select,
.webform-submission-drupal-contact-form input ,
.webform-submission-drupal-contact-form select 
.webform-submission-creation-compte-developpeur-form  input, 
.webform-submission-creation-compte-developpeur-form select{
    height: 38px;
    padding: 0 18px;
    border-color: #cfcfcf;
    font-size: 1em;
    font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif !important;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.webform-submission-contact-subdivision-tunis-form select,
.webform-submission-contact-subdivision-sfax-form select,
.webform-submission-contact-subdivision-sousse-form select,
.webform-submission-contact-subdivision-jendouba-form select,
.webform-submission-contact-subdivision-medenine-form select,
.webform-submission-contact-subdivision-tozeur-form select,
.webform-submission-drupal-contact-form select{
    font-style: normal;
}
.webform-submission-drupal-contact-form select#edit-faites-votre-choix-select,
.webform-submission-contact-subdivision-tunis-form select#edit-faites-votre-choix-select,
.webform-submission-contact-subdivision-sfax-form select#edit-faites-votre-choix-select,
.webform-submission-contact-subdivision-sousse-form select#edit-faites-votre-choix-select,
.webform-submission-contact-subdivision-jendouba-form select#edit-faites-votre-choix-select,
.webform-submission-contact-subdivision-medenine-form select#edit-faites-votre-choix-select,
.webform-submission-contact-subdivision-tozeur-form select#edit-faites-votre-choix-select{
    padding-right: 16%;
	margin-top:0;
}
.webform-submission-contact-subdivision-tunis-form textarea ,
.webform-submission-contact-subdivision-sfax-form textarea ,
.webform-submission-contact-subdivision-sousse-form textarea ,
.webform-submission-contact-subdivision-jendouba-form textarea ,
.webform-submission-contact-subdivision-medenine-form textarea ,
.webform-submission-contact-subdivision-tozeur-form textarea ,
.webform-submission-drupal-contact-form textarea {
    padding: 18px;
    border-color: #cfcfcf;
    font-size: 1em;
    font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif !important;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.webform-submission-contact-subdivision-tunis-form p,
.webform-submission-contact-subdivision-sfax-form p,
.webform-submission-contact-subdivision-sousse-form p,
.webform-submission-contact-subdivision-jendouba-form p,
.webform-submission-contact-subdivision-medenine-form p,
.webform-submission-contact-subdivision-tozeur-form p,
.webform-submission-drupal-contact-form p


{
    color: #1d6292;
    margin-top: 12px;
    /*font-size: 18px;*/
    padding-bottom: 0;

}
.webform-submission-creation-compte-developpeur-form p{
	 color: black;
    margin-top: 12px;
    /*font-size: 18px;*/
    padding-bottom: 0;
}
body.node-192-webform-confirmation.page-node-192 .main-content > .container,
body.node-191-webform-confirmation.page-node-191 .main-content > .container,
body.node-190-webform-confirmation.page-node-190 .main-content > .container,
body.node-189-webform-confirmation.page-node-189 .main-content > .container,
body.node-188-webform-confirmation.page-node-188 .main-content > .container,
body.node-187-webform-confirmation.page-node-187 .main-content > .container,
body.node-64-webform-confirmation.page-node-64 .main-content > .container{
  background-color: transparent;
  margin-top: 40px;
}
body.node-192-webform-confirmation .main-content__section,
body.node-191-webform-confirmation .main-content__section,
body.node-190-webform-confirmation .main-content__section,
body.node-189-webform-confirmation .main-content__section,
body.node-188-webform-confirmation .main-content__section,
body.node-187-webform-confirmation .main-content__section,
body.node-64-webform-confirmation .main-content__section{
  padding: 0;
}
body.node-192-webform-confirmation div#block-inm-theme-content,
body.node-191-webform-confirmation div#block-inm-theme-content,
body.node-190-webform-confirmation div#block-inm-theme-content,
body.node-189-webform-confirmation div#block-inm-theme-content,
body.node-188-webform-confirmation div#block-inm-theme-content,
body.node-187-webform-confirmation div#block-inm-theme-content,
body.node-64-webform-confirmation div#block-inm-theme-content{
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.node-192-webform-confirmation div#block-inm-theme-content .webform-confirmation,
body.node-191-webform-confirmation div#block-inm-theme-content .webform-confirmation,
body.node-190-webform-confirmation div#block-inm-theme-content .webform-confirmation,
body.node-189-webform-confirmation div#block-inm-theme-content .webform-confirmation,
body.node-188-webform-confirmation div#block-inm-theme-content .webform-confirmation,
body.node-187-webform-confirmation div#block-inm-theme-content .webform-confirmation,
body.node-64-webform-confirmation div#block-inm-theme-content .webform-confirmation{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
body.node-192-webform-confirmation .webform-confirmation__back,
body.node-191-webform-confirmation .webform-confirmation__back,
body.node-190-webform-confirmation .webform-confirmation__back,
body.node-189-webform-confirmation .webform-confirmation__back,
body.node-188-webform-confirmation .webform-confirmation__back,
body.node-187-webform-confirmation .webform-confirmation__back,
body.node-64-webform-confirmation .webform-confirmation__back{
  margin: 0;
}
/*form placeholder*/
.webform-submission-contact-subdivision-tunis-form ::-webkit-input-placeholder ,
.webform-submission-contact-subdivision-sfax-form ::-webkit-input-placeholder ,
.webform-submission-contact-subdivision-sousse-form ::-webkit-input-placeholder ,
.webform-submission-contact-subdivision-jendouba-form ::-webkit-input-placeholder ,
.webform-submission-contact-subdivision-medenine-form ::-webkit-input-placeholder ,
.webform-submission-contact-subdivision-tozeur-form ::-webkit-input-placeholder ,
.webform-submission-drupal-contact-form ::-webkit-input-placeholder, 
.webform-submission-creation-compte-developpeur-form ::-webkit-input-placeholder{
    color: #1d6292;
    opacity: .6;
}
.webform-submission-contact-subdivision-tunis-form :-moz-placeholder ,
.webform-submission-contact-subdivision-sfax-form :-moz-placeholder ,
.webform-submission-contact-subdivision-sousse-form :-moz-placeholder ,
.webform-submission-contact-subdivision-jendouba-form :-moz-placeholder ,
.webform-submission-contact-subdivision-medenine-form :-moz-placeholder ,
.webform-submission-contact-subdivision-tozeur-form :-moz-placeholder ,
.webform-submission-drupal-contact-form :-moz-placeholder,
.webform-submission-creation-compte-developpeur-form  :-moz-placeholder{
    color: #1d6292;
    opacity: .6;
}
.webform-submission-contact-subdivision-tunis-form ::-moz-placeholder ,
.webform-submission-contact-subdivision-sfax-form ::-moz-placeholder ,
.webform-submission-contact-subdivision-sousse-form ::-moz-placeholder ,
.webform-submission-contact-subdivision-jendouba-form ::-moz-placeholder ,
.webform-submission-contact-subdivision-medenine-form ::-moz-placeholder ,
.webform-submission-contact-subdivision-tozeur-form ::-moz-placeholder ,
.webform-submission-drupal-contact-form ::-moz-placeholder, 
.webform-submission-creation-compte-developpeur-form ::-moz-placeholder{
    color: #1d6292;
    opacity: .6;
}
.webform-submission-contact-subdivision-tunis-form :-ms-input-placeholder ,
.webform-submission-contact-subdivision-sfax-form :-ms-input-placeholder ,
.webform-submission-contact-subdivision-sousse-form :-ms-input-placeholder ,
.webform-submission-contact-subdivision-jendouba-form :-ms-input-placeholder ,
.webform-submission-contact-subdivision-medenine-form :-ms-input-placeholder ,
.webform-submission-contact-subdivision-tozeur-form :-ms-input-placeholder ,
.webform-submission-drupal-contact-form :-ms-input-placeholder,
.webform-submission-creation-compte-developpeur-form :-ms-input-placeholder{
    color: #1d6292;
    opacity: .6;
}
.webform-submission-creation-compte-developpeur-form .form-actions input{
	border: 0;
    background: #1d6292;
    color: #fff;
    text-transform: none;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    height: 36px;
    padding: 0 18px;
}
.webform-submission-drupal-contact-form .form-actions input,

.webform-submission-contact-subdivision-tunis-form .form-actions input,
.webform-submission-contact-subdivision-sfax-form .form-actions input,
.webform-submission-contact-subdivision-sousse-form .form-actions input,
.webform-submission-contact-subdivision-jendouba-form .form-actions input,
.webform-submission-contact-subdivision-medenine-form .form-actions input,
.webform-submission-contact-subdivision-tozeur-form .form-actions input{
    border: 0;
    background: #f8b340;
    color: #fff;
    text-transform: none;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    height: 36px;
    padding: 0 18px;
}

#block-contacteznous img{
    border: 1px solid #f7ab2b;
}

.accordion-recrutement .text-right a{
    color: #1d6292;
    font-size: 0.8125em;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Open Sans";
}


    /************** div à masquer **********************/
.content-top{
    display: none;
}

/****************/

/*.form--inline .form-actions {
    clear: none;
}*/

.path-phenomenes-astronomiques .view-content{
    /*background: #fff;*/
    /*padding: 20px;*/
    background-color: rgba(237,237,237,0.8);
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}

.path-phenomenes-astronomiques .bef-exposed-form .form--inline > .form-item{
    margin-bottom: 0;
    margin-top: 0;
}

.path-phenomenes-astronomiques .table-fill.full-table td ,
.path-phenomenes-astronomiques .table-fill.full-table th ,
.table-fill.table-page td ,
.table-fill.table-page th {
    padding: 15px 12px;
}

.path-phenomenes-astronomiques .table-fill.full-table td p,
.path-phenomenes-astronomiques .table-fill.full-table td p{
    padding-bottom: 0;
    font-family: "Roboto", sans-serif !important;
}

.path-phenomenes-astronomiques .table-fill {
    height: auto;
}
form#views-exposed-form-phenomenes-astronomiques-page-1 select option:first-child{
    display: none !important;
}
.path-flipbook .field--name-field-pdf{
    color: #1d6292;
    font-size: 1.6875em;
    line-height: 1.20;
    padding: 0;
    margin: 20px 0;
    font-weight: 700;
    text-transform: uppercase;
}
.path-flipbook .field--name-field-pdf:before {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: #ffb51b;
    content: "";
    display: inline-block;
    vertical-align: middle;
}

#block-menuintranet .sep{
    display: none;
}
#block-menuintranet ul li+li {
    margin-left: 3px;
}
ul.ul-left{
    margin-left: 30px;
    width: calc(50% - 30px);
}

#banner{
    background: transparent;
}

/******************************************/

.toolbar-fixed .header:not(.js-fixed) {
    top: 0 !important;
}

.view-consequence-test .views-row{
    padding-bottom: 20px;
    float: left;
    width: 50%;
    padding-right: 10px;
    /*min-height: 65px;*/
    /*border: 1px solid red;*/
}
.view-consequence-test .views-row .views-field-field-icone-vigilance,
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-field-icone-vigilance{
    float: left;
    margin-right: 10px;
}
/*#block-inm-theme-content .field--name-body h2,
#block-inm-theme-content .field--name-body h3,
#block-inm-theme-content .field--name-body h4,
#block-inm-theme-content .field--name-body h5{
    font-family: DINPro-Bold !important;
    font-size: 19px;
    color: #40769e;
    text-transform: none;
    margin: 0 0 10px;
}
#block-inm-theme-content .field--name-body p{
    font-family: DINPro-Light !important;
    font-size: 14px;
    color: #01080d;
    margin: 0 0 10px;
    line-height: 22px;
}*/
.view-consequence-test .views-row .views-field-title,
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-title{
    float: left;
    width: calc(89% - 112px);
    padding-top: 15px;
    color: #40769e;
    font-size: 0.9375em;
    font-family: DINPro-Medium !important;
    line-height: 20px;
    text-align: left !important;
    clear: none;
}
.view-consequence-test .views-row .views-field-title span,
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-title span{
    font-family: DINPro-Medium !important;
}
.view-consequence-test .views-row .views-field-field-details-consequences,
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-field-details-consequences{
    float: left;
    margin-right: 10px;
    /*width: calc(100% - 75px);*/

}
/***path-consequence-vigilance*/
.view-consequence-test .views-row .field--entity-reference-target-type-taxonomy-term,
.view-consequence-test .views-row .field--entity-reference-target-type-taxonomy-term.field__item,
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .field--entity-reference-target-type-taxonomy-term,
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .field--entity-reference-target-type-taxonomy-term.field__item {
    margin: 1px 0;
}
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row.col-md-6{
    margin-bottom: 50px;
    height: 70px;
}
#block-views-block-consequence-test-block-1{
    width: 58.3333%;
    float: left;
}
.page-node-type-detail-consequence #block-title{
    width: 41.6666%;
    float: left;
    padding-bottom: 20px;
}
.page-node-type-detail-consequence #block-inm-theme-content{
    width: 41.6666%;
    float: left;
}
.page-node-type-detail-consequence .region-content h2, .page-node-type-detail-consequence #block-title .content{
    margin: 0;
}
.page-node-type-detail-consequence .field--name-field-img{
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
}
.page-node-type-detail-consequence .orange .field--name-field-img,
.orange #block-inm-theme-content .views-field-field-icone-vigilance{
    background: #f9b212;
}
.page-node-type-detail-consequence .rouge .field--name-field-img,
.rouge #block-inm-theme-content .views-field-field-icone-vigilance{
    background: #e00629;
}
#block-inm-theme-content .views-field-field-icone-vigilance{
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
}
#block-inm-theme-content .views-field-title-1{
    color: #1d6292;
    line-height: 1.20;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.3125em;
}
.page-node-type-detail-consequence .orange .field--name-field-couleur,
.path-consequences-conseils .orange .views-field-field-couleur{
    color: #f9b212;
}
.page-node-type-detail-consequence .field--name-field-couleur,
.path-consequences-conseils .views-field-field-couleur{
    font-family: DINPro-Bold !important;
    font-size: 1em;
    color: #40769e;
    margin: 0 0 10px;
}
.page-node-type-detail-consequence .rouge .field--name-field-couleur,
.path-consequences-conseils .rouge .views-field-field-couleur{
    color: #e00629;
}
.page-node-type-detail-consequence .field--name-body{
    clear: both;
}
.path-consequences-conseils #block-inm-theme-content .views-field-body p,
.path-consequences-conseils #block-inm-theme-content .views-field-field-consequence-possibles p{
    font-family: DINPro-Light !important;
    font-size: 0.875em;
    color: #01080d;
    margin: 0 0 6px;
    padding: 0 0 5px;
    line-height: 20px;
    width: 100%;
}
.path-consequences-conseils #block-inm-theme-content .views-field-body,
.path-consequences-conseils #block-inm-theme-content .views-field-field-consequence-possibles{
    clear: both;
    text-align: inherit;
}
.path-consequences-conseils #block-inm-theme-content .views-field-body .views-label-body,
.path-consequences-conseils #block-inm-theme-content .views-label-field-degats-possibles{
    font-family: DINPro-Bold !important;
    font-size: 1.1875em;
    color: #40769e;
    text-transform: none;
    margin: 0 0 10px;
    font-weight: bold;
}
.path-consequences-conseils #block-inm-theme-content .views-field-body span.views-label,
.path-consequences-conseils #block-inm-theme-content .views-field-field-consequence-possibles span.views-label{
    font-weight: bold;
    color: #40769e;
}
.header-top__section #block-codejsgoogle {
    padding: 0;
}
.block-views-blockconsequence-test-block-1 h2:before{
    background: transparent;
    width: 0;
    height: 0;
    margin-right: 0;
}
.block-views-blockconsequence-test-block-1 .vocabulary-vigilance-color h2{
    display: none;
}
.block-views-blockconsequence-test-block-1 .node__main-content .field--name-field-couleur{
    /*position: absolute;
    top: 0px;
    right: 49%;
    z-index: 0;*/
}
.block-views-blockconsequence-test-block-1 header.node__header a {
    color: red;
}
.block-views-blockconsequence-test-block-1 header.node__header a span.field.field--name-title{
    font-size: 0.625em;
}
body.page-node-type-detail-consequence #block-title .content:before {
    width: 0;
    height: 0;
    background: transparent;
    display: block;
}
body.page-node-type-detail-consequence #block-title .content span{
    font-size: 1.3125em;
}
div#block-block-2-vigilance-consequences-et-conseils {
    padding-bottom: 0;
}
div#block-block-1-vigilance-consequences-et-conseils {
    padding: 0;
}
div#block-blockdescriptionconsequencesetconseils {
    clear: both;
    padding: 0;
}
body.quest-ce-que-la-vigilance div#block-blockdescriptionconsequencesetconseils {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
}
body.quest-ce-que-la-vigilance div#block-blockdescriptionconsequencesetconseils .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
body.quest-ce-que-la-vigilance .options-map.options-conseils li:last-child{
  margin-bottom: 0;
}
body.consequences-conseils .options-map.options-conseils,
body.path-consequences-conseils .options-map.options-conseils,
body.quest-ce-que-la-vigilance .options-map.options-conseils{
  margin-top: 0;
}
body.consequences-conseils div#block-inm-theme-content {
  clear: both;
}
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row.col-md-6:last-child {
  margin-bottom: 20px;
}
.block-views-blockvigilance-consequences-et-conseils-block-1 .views-row.col-md-6:nth-last-child(2) {
  margin-bottom: 20px;
}
/**plan de site**/
.block-site-map, .block-droit-reproduction, .block-content-press{
    background-color: rgba(237, 237, 237, 0.8);
    padding: 10px;
}
.plan-site, .droit-reproduction, .content-press{
    padding: 15px;
    margin: 10px;
    background: #fff;
}
.content-press p a{
    word-wrap: break-word;
}
#block-views-block-vigilance-consequences-et-conseils-block-1{
    float: left;
}
/************************ page reutilisation-information **************************/
div.view-acces-information .views-accordion-header{
    position: relative;
    background: #ededed;
    padding: 25px;
    display: block;
    color: #1d6292;
    font-weight: bold;
    font-size: 0.9375em;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
}
div.view-acces-information .views-row .views-row {
    position: relative;
    margin-bottom: 1em;
}
div.view-acces-information .ui-state-active span.field-content{
    padding: 5px 10% 14px 0;
    border-bottom: #1d6292 2px solid;
}
div.view-acces-information span.ui-icon.ui-icon-circle-plus:before,
div.view-acces-information span.ui-icon.ui-icon-circle-minus:before {
    right: 0.2em;
    top: -1px;
}
span.ui-icon-triangle-1-e:before {
    content: '\f067';
    color: #fff;
    font-family: "FontAwesome";
    font-size: 1em;
    font-weight: 200;
    position: absolute;
    right: 0.3em;
    transition: all 0.3s;
    top: 2px;
}
span.ui-icon.ui-icon-triangle-1-s:before {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    content: '\f068';
    right: 0.3em;
    color: #fff;
    font-size: 1em;
    font-weight: 200;
    position: absolute;
    font-family: "FontAwesome";
    transition: all 0.3s;
    top: 1px;
}
div#block-views-block-acces-information-acces-information .ui-accordion-header{
    position: relative;
    background: #ededed;
    padding: 25px;
    display: block;
    color: #1d6292;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
}
div#block-views-block-acces-information-acces-information .ui-accordion .ui-accordion-content{
    height: auto !important;
}
.ui-accordion .ui-accordion-content{
    height: auto !important;
}
.ui-accordion-content{
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
}
.ui-accordion-content p{
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
}
.ui-accordion-content span{
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
}
.ui-accordion-content a{
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
}
.ui-accordion-content th, .ui-accordion-content td{
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
}
div#block-views-block-acces-information-acces-information .views-row {
    position: relative;
    margin-bottom: 1em;
}
div#block-views-block-acces-information-acces-information .views-row .item-list li{
    border-bottom: none;
}
div#block-views-block-acces-information-acces-information table tr th{
    color: #ffffff;
    background-color: #1d6292;
    border-color: transparent;
}
div#block-views-block-acces-information-acces-information table tr td{
    background-color: #fff;
    border-color: transparent;
}
div#block-views-block-acces-information-acces-information table{
    border-color: transparent;
}
div#block-views-block-acces-information-acces-information ul {
    list-style: square;
}
    /************************ basic page **************************/
body.page-node-88.page-node-type-page article.node--type-page{
    background-color: rgba(237, 237, 237, 0.8);
    padding: 10px;
}
body.page-node-172.page-node-type-page article.node--type-page{
    background-color: rgba(237, 237, 237, 0.8);
    padding: 10px;
}
body.page-node-172.page-node-type-page article.node--type-page .node__container {
  background-color: #fff;
  padding: 15px;
  margin: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
article.node--type-page div.field--name-field-image-page img{
    margin: auto;
    display: block;
}
body.page-node-226 article.node--type-page{
    background-color: rgba(237, 237, 237, 0.8);
    padding: 10px;
}
body.page-node-226 article.node--type-page .node__container{
    padding: 15px;
    margin: 10px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
div#block-blockiso9001 img{
    background-color: white;
    padding: 10px;
}
div#block-blockiso9001 .footer-column{
    text-align: center;
}
div#block-blockiso9001 {
    margin-bottom: 20px;
    position: relative;
    text-align: center !important;
    margin-top: 10px;
}
body.page-node-204 article table tr td,
body.page-node-204 article table tr th,
body.page-node-206 article table tr td,
body.page-node-206 article table tr th{
    padding: 5px;
}
body.page-node-204 .div-white,
body.page-node-206 .div-white{
    overflow: auto;
}
body.page-node-207 table tr td {
  width: 50%;
  text-align: center;
}
article.node--type-page .field--name-field-lien-d-inscription .file--application-pdf {
  background-image: none;
  padding: 0;
}
article.node--type-page .field--name-field-lien-d-inscription .file--application-pdf a{
  line-height: 34px;
  padding: 0 0 0 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #17b2ef;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
article.node--type-page .field--name-field-lien-d-inscription .file--application-pdf a:after{
  content: "";
  display: inline-block;
  background: url("../../images/icon-pdf.png") no-repeat;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  vertical-align: middle;
}
    /************************ msg-resultat **************************/
.read-more-appeloffre-consultation a {
    color: #1d6292;
    font-family: "DINPro-Light";
    font-weight: bold;
}
.read-more-rect a {
    color: #1d6292;
    font-family: "DINPro-Light";
    font-weight: bold;
}
    /************************ block pictogramme vigilance **************************/
#block-pictogrammevigilance .content .row{
    margin: 0;
}
    /************************ msg-resultat **************************/
div#msg-resultat {
    clear: both;
    position: relative;
    padding-left: 15px;
    padding-top: 15px;
}
div#msg-resultat p {
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
    color: #1d6292;
}
    /************************ footer **************************/
div#block-block-iso-9001 .footer-column img {
    margin: auto;
    display: block;
    max-width: 34%;
}
footer#footer .clearfix.footer__container .col-md-2 {
    padding: 0;
}
    /************************ view reference **************************/
.view.view-references .views-row {
    margin-bottom: 20px;
    /*width: 180px;
    height: 200px;*/
    background-color: rgba(255, 255, 255, 1);
    /*margin-right: 5px;*/
    position: relative;
    display: block;
}
.view.view-references .views-field-field-logo-de-client {
    top: 0;
    position: relative;
}
.view.view-references .views-field-field-logo-de-client img {
    margin: auto;
    display: block;
    position: relative;
    padding: 10px;
}
.view.view-references .views-field-title {
     position: absolute;
     bottom: 0;
     color: #1d6292;
     padding: 5px;
     text-transform: uppercase;
 }
    /************************ nodes **************************/
body.page-node-37 #block-inm-theme-content{
    padding: 0;
    height: 0;
}
body.page-node-84 #block-inm-theme-content{
    padding: 0;
    height: 0;
}
body.page-node-76 #block-inm-theme-content{
    padding: 0;
    height: 0;
}
body.page-node-76 div#block-title {
    padding: 0;
}
body.page-node-76 div#block-views-block-acces-information-acces-information .view-header {
    background-color: rgba(237,237,237,0.8);
    padding: 20px;
    margin-bottom: 20px;
}
body.page-node-76 div#block-views-block-acces-information-acces-information .view-header {
    padding: 20px;
    background: #fff;
}
body.contact-contact-subdivision-tunis .main-content > .container,
body.contact-contact-subdivision-sousse .main-content > .container,
body.contact-contact-subdivision-sfax .main-content > .container,
body.contact-contact-subdivision-Jendouba .main-content > .container,
body.contact-contact-subdivision-tozeur .main-content > .container,
body.contact-contact-subdivision-medenine .main-content > .container {
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: 40px;
    margin-bottom: 50px;
}
body.page-node-87 div#block-title,
body.page-node-87 div#block-inm-theme-content{
    padding-bottom: 0;
}
section#block-block-appels-d-offre-et-consultations-block {
    margin-top: 20px;
}
/*div#block-satelliteblock {
    margin-top: 20px;
}*/
div#block-pubadsencedroite {
    margin-bottom: 20px;
}
div#div-gpt-ad-1565849664709-0 {
    margin: auto;
}
body.page-node-type-phenomene-astronomique div#block-inm-theme-content{
  background-color: rgba(237,237,237,0.8);
  padding: 10px;
  margin-bottom: 20px;
}
body.page-node-type-phenomene-astronomique div#block-inm-theme-content .content{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  list-style: none;
}
body.page-node-type-reference div#block-inm-theme-content .field--name-field-logo-de-client img{
  margin: auto;
  display: block;
}
body.page-node-type-reference div#block-inm-theme-content{
  background-color: rgba(237,237,237,0.8);
  padding: 10px;
  margin-bottom: 20px;
}
body.page-node-type-reference div#block-inm-theme-content .content{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  list-style: none;
}
body.page-node-type-institutionnel div#block-inm-theme-content .field--name-body h2:before{
  background-color: transparent;
  width: 0;
  height: 0;
}
body.page-node-type-institutionnel div#block-inm-theme-content .field--name-body h2{
  font-size: 1.25em;
}
body.page-node-type-institutionnel div#block-inm-theme-content{
  background-color: rgba(237,237,237,0.8);
  padding: 10px;
  margin-bottom: 20px;
}
body.page-node-type-institutionnel div#block-inm-theme-content .content{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  list-style: none;
}
body.page-node-type-acces-information div#block-inm-theme-content{
  background-color: rgba(237,237,237,0.8);
  padding: 10px;
  margin-bottom: 20px;
}
body.page-node-type-acces-information div#block-inm-theme-content .content{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  list-style: none;
}
body.page-node-type-article div#edit-comment-body-0-format {
  display: none;
}
article .node__container .field__label {
  color: #1e6293;
}
    /************************ pages imn **************************/
body.page-node-89 .table-fill tr:hover td {
    background-color: transparent;
}
.node.node--type-article ul.links li.comment-forbidden a:hover{
    background-color: #1e6293;
}
    /************************ contact subdivision **************************/
.contact_subdivision{
    margin: 20px;
    padding: 20px;
    color:gray;
    text-align:center;
    display: -webkit-box;
    -webkit-font-smoothing: antialiased;
}
.contact_subdivision .box-wrap{
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
}
.contact_subdivision .box{
    padding:30px;
    margin:2%;
    background-color:#ededed;
    width: 29%;
    border:1px solid #d6d6d6;
    box-shadow:0 2px 3px 0px rgba(0,0,0,0.25);
    border-radius:3px;
    transition:.2s all;
    display: inline-block;
}
.contact_subdivision .box p{
    padding:0;
    text-align: center;
}
.contact_subdivision .box-wrap:hover .box:hover a{
    color: #fff;
}
.contact_subdivision .box-wrap:hover .box{
    filter:blur(1px);
    opacity:.5;
    transform: scale(.98);
    box-shadow:none;
}
.contact_subdivision .box-wrap:hover .box:hover{
    transform:scale(1);
    filter:blur(0px);
    opacity:1;
    box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);
    font-weight: bold;
    color: #fff;
}
.contact_subdivision .box-wrap:hover .box:hover {
    background: #e2a9e5;
    background: -moz-linear-gradient(-45deg, #e2a9e5 15%, #2b94e5 100%);
    background: -webkit-linear-gradient(-45deg, #e2a9e5 15%,#2b94e5 100%);
    background: linear-gradient(135deg, rgba(29, 98, 146, 1) 15%,rgba(29, 98, 146, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2a9e5', endColorstr='#2b94e5',GradientType=1 );
    box-shadow: -10px 25px 50px rgba(0, 0, 0, 0.3);
}
div#block-previsionlocaleblock #quicktabs-map .item-list ul li{
    margin-bottom: 1px;
    margin-right: 0;
}
    /************************ Chat bot **************************/
iframe#kommunicate-widget-iframe {
    bottom: 20px;
    right: 15px;
}
.km-custom-widget-background-color {
    background: #1e6293 !important;
}
.mck-box-top.mck-title {
    background-color: rgb(30, 98, 147) !important;
}
.km-custom-widget-fill {
    fill: #1e6293 !important;
}
.mck-running-on.notranslate.vis {
    display: none !important;
}
.mck-box-top.mck-title{
    background: #1e6293 !important;
}
div#bp-web-widget iframe#bp-widget.bp-widget-widget {
  width: 64px !important;
  display: block;
  right: 25px;
  bottom: 28px;
  height: 64px !important;
}
div#bp-web-widget iframe#bp-widget.bp-widget-side {
  bottom: 0 !important;
  right: 0 !important;
  width: 360px !important;
  height: 100% !important;
}
    /************************ box facebook **************************/
div#block-boxfacebook iframe div._2p3a{
    /*width: 100% !important;*/
    margin: auto;
    display: block;
    position: relative;
}
div#block-boxfacebook iframe {
  margin: auto;
  display: block;
  max-width: 290px;
}
    /************************ resize **************************/
div#block-textresize {
    float: right;
    margin-right: 10px;
    z-index: 2;
}
div#block-textresize .textcontrols button span{
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
    font-weight: 600;
}
div#block-textresize .textcontrols button {
    background: none;
    border: none;
    font-size: 0.7857em;
    font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif !important;
    color: #1d62ab;
    font-weight: 600;
}
div#block-textresize .textcontrols {
    padding-top: 6px;
}
    /************************ page-institutionnel **************************/
body.path-institutionnel .main-content__section {
    background-color: rgba(237, 237, 237, 0.8);
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 20px;
}
body.path-institutionnel iframe{
  width: 100%;
}
.view-institutionnel-details {
    float: right;
    width: calc(75% - 30px);
    padding: 15px;
    margin: 0;
    background: #fff;
}
.view-institutionnel-details .view-empty h1 {
    margin: 0;
    padding: 0;
}
div#block-views-block-menu-institutionnel-block-1 .item-list ul {
    padding-left: 30px;
}
div#block-views-block-menu-institutionnel-block-1 .item-list li {
    margin: 0;
    border-bottom: none;
}
div#block-views-block-menu-institutionnel-block-1 .item-list li a{
    display: block;
    padding: 0;
    color: #1e6293;
}
div#block-views-block-menu-institutionnel-block-1 .item-list li a:hover {
    color: #337ab7;
}
div#block-views-block-menu-institutionnel-block-1 .item-list h3 {
    background-color: #1e6293;
    line-height: 24px;
    color: #fff;
    font-size: 0.75em;
    height: 55px;
    background-size: 36px;
    background-position-x: 98%;
    background-position-y: center;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-right: 36px;
    padding-left: 15px;
}
div#block-views-block-menu-institutionnel-block-1 .item-list ul li span {
    line-height: 16px;
    font-family: Roboto, Sans-serif !important;
    padding: 0;
    font-style: normal;
}
div#block-views-block-menu-institutionnel-block-1 .item-list li a.active{
    color: #ffb51c;
    font-weight: bold;
}
div#block-views-block-menu-institutionnel-block-1 .item-list:nth-child(1) h3{
    background-image: url(/themes/custom/inm_theme/images/institutionnel/icone-inm.png);
    background-repeat: no-repeat;
}
div#block-views-block-menu-institutionnel-block-1 .item-list:nth-child(2) h3{
    background-image: url(/themes/custom/inm_theme/images/institutionnel/icone-activite.png);
    background-repeat: no-repeat;
}
div#block-views-block-menu-institutionnel-block-1 .item-list:nth-child(3) h3{
    background-image: url(/themes/custom/inm_theme/images/institutionnel/icone-climatologie.png);
    background-repeat: no-repeat;
}
div#block-views-block-menu-institutionnel-block-1 .item-list:nth-child(4) h3{
    background-image: url(/themes/custom/inm_theme/images/institutionnel/icone-recherche.png);
    background-repeat: no-repeat;
}
div#block-views-block-menu-institutionnel-block-1 .item-list:nth-child(5) h3{
    background-image: url(/themes/custom/inm_theme/images/institutionnel/icones-publications.png);
    background-repeat: no-repeat;
}
.view-id-institutionnel_details table.table-fill {
    margin-top: 0;
    margin-bottom: 20px;
}
body.Institutionnel-45 .view-institutionnel-details table tr td:nth-child(2) {
    background-color: #ddd;
    text-align: center;
}
body.Institutionnel-45 .view-institutionnel-details table tr td ul{
    list-style-type: none;
}
body.Institutionnel-45 .view-institutionnel-details table caption{
    text-align: right;
    padding: 0;
}
    /************************ stage **************************/
/*.page-recrutement .view-empty {
    background-color: #fff;
    padding: 10px 15px;
    margin: 0 0 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}*/
.page-recrutement .view-empty h1 {
    padding: 0;
    margin: 0;
}
#block-inm-theme-content .page-recrutement .views-field-title-1 a {
    font-size: 100%;
}
    /************************ block tableau echelles beaufort **************************/
/*div#block-tableauvisibilitemarine,
div#block-tableauechellesbeaufort {
    background-color: rgba(237, 237, 237, 0.8);
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}
div#block-tableauvisibilitemarine .content,
div#block-tableauechellesbeaufort .content{
    padding: 20px 30px;
    margin: 0;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}*/
div#block-tableauvisibilitemarine {
    margin-top: 15px;
}
div#block-tableauvisibilitemarine table,
div#block-tableauechellesbeaufort table{
    margin: auto;
    width: auto;
}
div#block-tableauechellesbeaufort table thead th{
    color: #fff;
    font-size: 0.875em;
    padding: 6px 10px;
    text-align: center;
}
div#block-tableauechellesbeaufort {
  margin-top: 10px;
}
div#block-tableauechellesbeaufort table thead tr:first-child th:first-child{
  border-right: none;
  border-bottom-color: #fff;
}
div#block-tableauechellesbeaufort table thead {
    background-color: #fbaa39;
}
div#block-tableauechellesbeaufort table thead tr th:first-child{
    border-right: 1px solid #fff;
}
div#block-tableauvisibilitemarine td:nth-child(odd),
div#block-tableauechellesbeaufort td:nth-child(odd){
    background: #E6E7E8;
    color: #000;
}
div#block-tableauvisibilitemarine td:nth-child(even),
div#block-tableauechellesbeaufort td:nth-child(even){
    background: #C4C6C8;
    color: #000;
}
div#block-tableauvisibilitemarine tbody tr td,
div#block-tableauechellesbeaufort tbody tr td{
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 2px 10px;
    font-size: 0.75em;
}
div#block-tableauvisibilitemarine table caption,
div#block-tableauechellesbeaufort table caption{
    color: #1d6392;
    font-weight: 500;
    padding-bottom: 0;
}
div#block-tableauechellesbeaufort p{
    color: #000;
    padding-bottom: 0;
    text-align: center;
    font-size: 0.625em;
}
div#block-tableauvisibilitemarine table th{
    background-color: #fbaa39;
    color: #fff;
}
div#block-tableauvisibilitemarine table tr:first-child td{
    font-weight: 500;
}
div#block-tableauvisibilitemarine .field--name-body {
    overflow-x: auto;
}
    /************************ pop-up Drupal **************************/
.ui-widget.ui-widget-content.ui-dialog{
    background-color: transparent;
    border: none;
    width: 100% !important;
    left: inherit !important;
}
.ui-widget.ui-widget-content.ui-dialog .ui-dialog-titlebar{
    background-color: transparent;
    border: none;
}
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title{
    display: none;
}
.ui-widget-overlay{
    background-color: #ddd;
    opacity: 0.5;
}
div#drupal-modal img {
    display: block;
    margin: auto;
}
.ui-dialog-titlebar-close{
    background-position: -95px -127px !important;
    background-color: #ddd !important;
    background-image: url("/themes/custom/inm_theme/images/ui-icone.png") !important;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus{
    background-image: url("/themes/custom/inm_theme/images/ui-icone.png") !important;
}
div#drupal-modal{
    min-height: 100% !important;
    max-height: 100% !important;
    }
    /************************ modal organisation **************************/
#img_organisation {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#img_organisation:hover {opacity: 0.7;}

/* The Modal (background) */
.modal_organisation {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
}

/* Modal Content (image) */
.modal-content_organisation {
    margin: auto;
    display: block;
    width: auto;
    max-width: 100%;
}
/* Add Animation */
.modal-content_organisation, #modal_organisation #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
#modal_organisation .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    opacity: 1;
}

#modal_organisation .close:hover,
#modal_organisation .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content_organisation {
        width: 100%;
    }
}
div#block-copyright {
    padding-bottom: 0;
}
    /************************ gestion contenu acces info **************************/
.view-gestion-acces-information table{
  margin: 0;
}
.view-gestion-acces-information thead {
  background-color: #f9b212;
}
.view-gestion-acces-information thead tr th{
  padding: 5px 0;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-acces-information thead tr th:last-child{
  border-right: none;
}
.view-gestion-acces-information tbody tr td:last-child {
  border-right: none;
}
.view-gestion-acces-information tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-acces-information tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-acces-information tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-acces-information tbody td a {
  color: #0e7199;
}
.view-gestion-acces-information tbody td.views-field-edit-node a {
  font-weight: normal;
}
.view-gestion-acces-information  p {
  font-family: 'Roboto', Sans-serif !important;
}
.view-gestion-acces-information  .views-field-title a:hover {
  text-decoration: none;
}
body.list-acces-information #block-inm-theme-content .content{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
body.list-acces-information #block-inm-theme-content{
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
    /************************ gestion visibilite croissant lunaire **************************/
body.gestion-visibilite-croissant-lunaire #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-visibilite-croissant-lunaire #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-visibilite-croissant-lunaire table {
  margin: 0;
}
.view-gestion-visibilite-croissant-lunaire thead {
  background-color: #f9b212;
}
.view-gestion-visibilite-croissant-lunaire thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-visibilite-croissant-lunaire tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-visibilite-croissant-lunaire tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-visibilite-croissant-lunaire tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-visibilite-croissant-lunaire tbody td a {
  color: #0e7199;
}
.view-gestion-visibilite-croissant-lunaire tbody td.views-field-edit-node a {
  font-weight: normal;
}
/************************ gestion visibilite croissant lunaire **************************/
body.gestion-appel-offre-stage-recrutement #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-appel-offre-stage-recrutement #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-appel-offre-stage-recrutement table {
  margin: 0;
}
.view-gestion-appel-offre-stage-recrutement thead {
  background-color: #f9b212;
}
.view-gestion-appel-offre-stage-recrutement thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-appel-offre-stage-recrutement tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-appel-offre-stage-recrutement tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-appel-offre-stage-recrutement tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-appel-offre-stage-recrutement tbody td a {
  color: #0e7199;
}
.view-gestion-appel-offre-stage-recrutement tbody td.views-field-edit-node a {
  font-weight: normal;
}
/************************ gestion references **************************/
body.gestion-references #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-references #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-references table {
  margin: 0;
}
.view-gestion-references thead {
  background-color: #f9b212;
}
.view-gestion-references thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-references tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-references tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-references tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-references tbody td a {
  color: #0e7199;
}
.view-gestion-references tbody td.views-field-edit-node a {
  font-weight: normal;
}
/************************ gestion flipbook **************************/
body.gestion-flipbook #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-flipbook #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-flipbook table {
  margin: 0;
}
.view-gestion-flipbook thead {
  background-color: #f9b212;
}
.view-gestion-flipbook thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-flipbook tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-flipbook tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-flipbook tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-flipbook tbody td a {
  color: #0e7199;
}
.view-gestion-flipbook tbody td.views-field-edit-node a {
  font-weight: normal;
}
/************************ gestion flip Document**************************/
body.gestion-flip-document #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-flip-document #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-flip-document table {
  margin: 0;
}
.view-gestion-flip-document thead {
  background-color: #f9b212;
}
.view-gestion-flip-document thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-flip-document tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-flip-document tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-flip-document tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-flip-document tbody td a {
  color: #0e7199;
}
.view-gestion-flip-document tbody td.views-field-edit-node a {
  font-weight: normal;
}
/************************ gestion institutionnel **************************/
body.gestion-institutionnel #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-institutionnel #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-institutionnel table {
  margin: 0;
}
.view-gestion-institutionnel thead {
  background-color: #f9b212;
}
.view-gestion-institutionnel thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-institutionnel tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-institutionnel tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-institutionnel tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-institutionnel tbody td a {
  color: #0e7199;
}
.view-gestion-institutionnel tbody td.views-field-edit-node a {
  font-weight: normal;
}
.region-content .view-gestion-institutionnel tbody h3 {
    color: inherit;
    margin: 0;
    font-weight: inherit;
    font-size: 1em;
}
.region-content .view-gestion-institutionnel tbody h2:before{
  width:0;
  height:0;
  margin:0;
}
.region-content .view-gestion-institutionnel tbody h2{
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    padding: 0;
    margin: 0;
    font-weight: inherit;
    text-align: inherit;
}/************************ gestion actualites **************************/
body.gestion-actualites #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-actualites #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-actualites table {
  margin: 0;
}
.view-gestion-actualites thead {
  background-color: #f9b212;
}
.view-gestion-actualites thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-actualites tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-actualites tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-actualites tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-actualites tbody td a {
  color: #0e7199;
}
.view-gestion-actualites tbody td.views-field-edit-node a {
  font-weight: normal;
}
.region-content .view-gestion-actualites tbody h3 {
    color: inherit;
    margin: 0;
    font-weight: inherit;
    font-size: 1em;
}
.region-content .view-gestion-actualites tbody h2:before{
  width:0;
  height:0;
  margin:0;
}
.region-content .view-gestion-actualites tbody h2{
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    padding: 0;
    margin: 0;
    font-weight: inherit;
    text-align: inherit;
}/************************ gestion contact **************************/
body.gestion-contact #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-contact #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-contact table {
  margin: 0;
}
.view-gestion-contact thead {
  background-color: #f9b212;
}
.view-gestion-contact thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-contact tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-contact tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-contact tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-contact tbody td a {
  color: #0e7199;
}
.view-gestion-contact tbody td.views-field-edit-node a {
  font-weight: normal;
}
/************************ gestion soumissions enquete macrosismique **************************/
body.gestion-soumissions-enquete-macrosismique #block-inm-theme-content {
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
body.gestion-soumissions-enquete-macrosismique #block-inm-theme-content .content {
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.view-gestion-soumissions-enquete-macrosismique table {
  margin: 0;
}
.view-gestion-soumissions-enquete-macrosismique thead {
  background-color: #f9b212;
}
.view-gestion-soumissions-enquete-macrosismique thead tr th {
  padding: 5px 2px;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-soumissions-enquete-macrosismique tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-soumissions-enquete-macrosismique tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-soumissions-enquete-macrosismique tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-soumissions-enquete-macrosismique tbody td a {
  color: #0e7199;
}
.view-gestion-soumissions-enquete-macrosismique tbody td.views-field-edit-node a {
  font-weight: normal;
}
    /************************ gestion description auto-briefing **************************/
.view-gestion-description-auto-briefing table{
  margin: 0;
}
.view-gestion-description-auto-briefing thead {
  background-color: #f9b212;
}
.view-gestion-description-auto-briefing thead tr th{
  padding: 5px 0;
  border-right: 1px solid #fff;
  border-bottom-color: #fff;
  text-align: center;
  font-size: 1em;
}
.view-gestion-description-auto-briefing thead tr th:last-child{
  border-right: none;
}
.view-gestion-description-auto-briefing tbody tr td:last-child {
  border-right: none;
}
.view-gestion-description-auto-briefing tbody tr td {
  padding: 5px 10px;
  text-align: center;
  border-right: 1px solid #fff;
}
.view-gestion-description-auto-briefing tbody tr:nth-child(even) td {
  background: #e7e7e8;
}
.view-gestion-description-auto-briefing tbody tr:nth-child(odd) td {
  background: #c6c7c9;
}
.view-gestion-description-auto-briefing tbody td a {
  color: #0e7199;
}
.view-gestion-description-auto-briefing tbody td.views-field-edit-node a {
  font-weight: normal;
}
.view-gestion-description-auto-briefing  p {
  font-family: 'Roboto', Sans-serif !important;
}
.view-gestion-description-auto-briefing  .views-field-title a:hover {
  text-decoration: none;
}
body.gestion-description-auto-briefing #block-inm-theme-content .content{
  padding: 15px;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
body.gestion-description-auto-briefing #block-inm-theme-content{
  background-color: rgba(237, 237, 237, 0.8);
  padding: 10px;
  position: relative;
}
    /************************ Version arabe **************************/
:lang(ar) .view-gestion-description-auto-briefing tbody tr td:last-child ,
:lang(ar) .view-gestion-description-auto-briefing thead tr th:last-child {
  border-left: none;
  border-right: 1px solid #fff;
}
:lang(ar) .view-gestion-acces-information thead tr th:last-child,
:lang(ar) .view-gestion-acces-information thead tr td:last-child{
  border-right: 1px solid #fff;
  border-left: none;
}
:lang(ar) iframe#kommunicate-widget-iframe{
    right: inherit;
    left: 20px;
}
:lang(ar) #modal_organisation .close{
    left: 35px;
    right: auto;
}
:lang(ar) {
    /*font-size: 120%;*/
}
:lang(ar) div#block-block-iso-9001 .footer-column{
    float: none;
}
:lang(ar) .header-top__container .row .col-md-2 {
    float: right;
}
:lang(ar), :lang(ar) p, :lang(ar) span {
    /*font-family: 'Amiri', serif !important;*/
    /*font-family:"ge_dinar_two_medium" !important;*/
    direction: rtl;
    /*text-align: right;*/
}
:lang(ar) .fa {
    font: normal normal normal 14px/1 FontAwesome !important;
    line-height: 31px !important;
}
:lang(ar) .header-top .flag img {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
:lang(ar) .menu--menu-top {
    float: left;
    margin-right: 0;
    margin-left: 10px;
}
:lang(ar) .block-dropdown-language {
    float: left;
    margin-right: 0;
    margin-left: 15px;
}
:lang(ar) .menu--menu-intranet {
    float: left;
}
:lang(ar) .header-top .flag {
    width: 170px;
    float: right !important;
}
:lang(ar) .header-top .flag span {
    width: 100px;
    float: right;
}
:lang(ar) .header__container .col-md-2 {
    float: right;
}
:lang(ar) header #block-searcheheader {
    left: 15px;
    top: 10px;
    right: auto;
}
:lang(ar) .header__section ul.menu {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    text-align: center;
}
:lang(ar) .header-container .menu--menu-top ul.menu li:last-child a:before {
    background: url(../../images/icone-etudiant.png) no-repeat;
    margin-right: 0;
    margin-left: 8px;
}
:lang(ar) #block-userlogin input.form-text, :lang(ar) #block-userlogin-2 input.form-text {
    padding: 8px 52px 8px 15px;
}
:lang(ar) #block-userlogin .js-form-type-textfield:before, :lang(ar) #block-userlogin-2 .js-form-type-textfield:before,
:lang(ar) #block-userlogin .js-form-type-password:before, :lang(ar) #block-userlogin-2 .js-form-type-password:before{
    left: auto;
    right: 10px;
    border-left: 1px solid #e5e5e5;
    border-right: none;
}
:lang(ar) .region-content h2:before, :lang(ar) #block-title .content:before {
    margin-right: 0;
    margin-left: 10px;
}
:lang(ar) .bloc-accordion .title:after, :lang(ar) .bloc-accordion .title:before {
    left: 1.55em;
    right: auto;
}
:lang(ar) .bloc-accordion .title:after{
    left: 1.15em;
}
:lang(ar) .footer-top__container .row .col-md-6:first-child{
    float: right;
}

:lang(ar) .footer .link li,
:lang(ar) .footer .footer-column-title{
   text-align: right;
}
:lang(ar) .footer .link {
    padding-right: 0;
}
:lang(ar) .footer-top .form-search .form-control {
    float: left;
}
:lang(ar) .footer__container .col-md-10 {
    float: right;
}
:lang(ar) #block-appelsdoffreetconsultations h3:before,
:lang(ar) #block-recrutement h3:before{
    margin-right: 0;
    margin-left: 10px;
}
:lang(ar) .bloc-accordion .toggle:checked + .title span {
    padding: 5px 0 14px 30%;
}
/*:lang(ar) #block-bms-frontblock {
    margin-right: 0;
    margin-left: 3%;
}*/
:lang(ar) #block-catalogue h2:before {
    margin-right: 0;
    margin-left: 10px;
    border-right: 0;
    border-left: 2px solid #fff;
}
:lang(ar) #block-serveurvocal h2,
:lang(ar) #block-serveurvocal p {
    text-align: center;
}
:lang(ar) .footer-column{
    float: right;
}
:lang(ar) .img_actu {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
:lang(ar) .menu_map_satellite {
    left: auto;
    right: 38px;
}
:lang(ar) .menu_map_satellite ul:before{
    right: 114px;
    left: auto;
}
:lang(ar) .header-container ul.menu li.menu-item--expanded.dropdown li a:before {
    margin-right: 0;
    margin-left: 8px;
}
:lang(ar) #block_bms_front .more {
    left: 5%;
    right: inherit;
}
:lang(ar) .ribbon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: auto;
    right: -30px;
    text-align: center;
}
:lang(ar) .ribbon-wrapper{
    left: auto;
    right: 0;
}
:lang(ar) #block-vigilancefrontblock .img {
    float: right;
    margin-left: 0;
}
:lang(ar) #quicktabs-map .item-list ul li:first-child a:before,
:lang(ar) #quicktabs-map_temps_vent_monde_moyen_orien .item-list ul li:first-child a:before,
:lang(ar) #quicktabs-map_temps_vent_monde .item-list ul li:first-child a:before,
:lang(ar) .tab-observation .nav-tabs li:first-child a:before,
:lang(ar) #quicktabs-map .item-list ul li:nth-child(2) a:before,
:lang(ar) #quicktabs-map_temps_vent_monde_moyen_orien .item-list ul li:nth-child(2) a:before,
:lang(ar) #quicktabs-map_temps_vent_monde .item-list ul li:nth-child(2) a:before,
:lang(ar) .tab-observation .nav-tabs li:nth-child(2) a:before{
    margin-right: 0;
    margin-left: 10px;
}
:lang(ar) .header-container ul.menu li a,
:lang(ar) .header-container ul.menu li > span {
    /*font-size: 17px;
    padding: 0 4px;*/
    padding: 0;
    font-weight: 600;
    /*letter-spacing: 1px;*/
    /*font-size: 0.9375em;*/
    font-family: 'Roboto', Sans-serif !important;
}
:lang(ar) nav#block-inm-theme-main-menu ul.menu.clearfix li.menu-item a {
  font-size: 0.9375em;
}
:lang(ar) .header-container #block-inm-theme-main-menu ul.menu .sep {
    margin: 0 6px;
}
:lang(ar) #block-evenementsismiqueblock h3 {
    right: auto;
    left: 0;
    padding-right: 0;
    padding-left: 15px;
}
:lang(ar) .line-contact {
    padding-left: 0;
    padding-right: 40px;
}
:lang(ar) .line-contact {
    background-position:  right top;
}
:lang(ar) .line-contact.tel,
:lang(ar) .line-contact.tel p,
:lang(ar) .line-contact.fax,
:lang(ar) .line-contact.fax p{
    /*direction: ltr;*/
}
:lang(ar) .breadcrumb .fa-angle-right:before {
    content: "\f104";
}
:lang(ar) .footer-top .slogan {
    margin: 5px 20px 5px 0;
    letter-spacing: 0;
}
:lang(ar) .header-container ul.menu li.menu-item--expanded.dropdown li {
    float: right;
    padding-right: 0;
    padding-left: 10px;
    width: 34%;
}
:lang(ar) .header-container ul.menu li.menu-item--expanded.dropdown li a{
  text-align: right;
  font-family: 'Roboto', Sans-serif !important;
  font-size: 0.9375em;
}
:lang(ar) .pdf-download:after {
    margin-left: 0;
    float: left;
    margin-right: 10px;
}
:lang(ar) .pdf-download {
    padding: 0 10px 0 0;
}
:lang(ar) div.view-acces-information .ui-state-active span.field-content{
    padding: 5px 0 14px 10%;
}
:lang(ar) .header-container ul.menu .open>ul.menu.dropdown-menu{
  padding-right: 6%;
  padding-left: 0;
}


/*********************************************/

.pdfcontainer {
    /*background-color: rgba(237,237,237,0.8);*/
    background-color: #ffffff;
    padding: 0;
    border: 0;
    margin: 0 auto;
    height: 100vh;
}
#block-codejschatbot {
    padding-bottom: 0;
}
#block-copyright p {
    padding-bottom: 3px;
    font-size: 11px;
    text-align:center;
}
#block-copyright a,
#block-copyright a:hover{
    color: #fff;
}

/*.contact #edit-champs-obligatoires {
    padding-top: 20px;
    margin-top: 0;
}*/
/*.path-frontpage #block-previsionlocaleblock .quicktabs-tabs li:last-child {
    float: right;
}
:lang(ar) .path-frontpage #block-previsionlocaleblock .quicktabs-tabs li:last-child {
    float: left;
}*/
#quicktabs-map #print-map {
    margin-left: 0 !important;
}

.block-views-blockliste-acces-a-l-information-block-1 ,
.block-views-blockmenu-acces-informations-block-1 {
    width: 25%;
    float: left;
    margin-right: 30px;
}
.block-views-blockacces-information-block-4, .block-views-blockacces-a-l-information-2-block-1, .view-acces-a-l-information-2 {
    float: right;
    width: calc(75% - 30px);
}
.view-acces-a-l-information-2 .view-content{
    overflow: auto;
}
:lang(ar) .block-views-blockliste-acces-a-l-information-block-1 ,
:lang(ar) .block-views-blockmenu-acces-informations-block-1 {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}
:lang(ar) .block-views-blockacces-information-block-4,
:lang(ar) .block-views-blockacces-a-l-information-2-block-1,
:lang(ar) .view-acces-a-l-information-2 {
    float: left;
}
.block-views-blockmenu-acces-informations-block-1 .views-row {
    margin-bottom: 5px;
}

.block-views-blockmenu-acces-informations-block-1 .views-field-name a {
    display: block;
    /*border: 1px solid #1e6293;*/
    background:  #1e6293;
    padding: 10px 15px;
    font-size: 0.875em;
    color: #fff;
    line-height: 16px;
    text-align: inherit;
}
.view-acces-a-l-information-2 .views-row {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.view-acces-a-l-information-2 .view-content table tbody tr td.views-field-body{
    /*width: 73%;*/
    background-color: #EEEEEE;
    border-bottom: 1px solid #fff;
}
.view-acces-a-l-information-2 .view-content table tbody tr td.views-field.views-field-counter {
  background-color: #cacaca;
  border-bottom: 1px solid #fff;
  text-align: center;
  display: none;
}
.view-acces-a-l-information-2 .view-content table tbody tr td.views-field-field-telecharger-le-fichier-pdf .item-list li a {
  line-height: 1em;
  color: #1e6293;
  font-weight: bold;
}
.view-acces-a-l-information-2 .view-content table tbody tr td.views-field-field-telecharger-le-fichier-pdf a {
  color: #1e6293;
  font-weight: bold;
}
.view-acces-a-l-information-2 .view-content table tbody tr td.views-field-field-telecharger-le-fichier-pdf{
    line-height: 0;
    background-color: #dddddd;
    border-bottom: 1px solid #fff;
    padding: 5px;
    text-align: center;
}
[dir="rtl"] .view-acces-a-l-information-2 .view-content table .item-list li {
  margin: 25px 0 0 0;
}
body.reutilisation-information-22 .view-acces-a-l-information-2 .view-content table tbody tr td.views-field.views-field-counter {
  display: table-cell;
}
.view-acces-a-l-information-2 .view-content table tbody tr td.views-field-body p {
  padding-bottom: 0;
}
.view-acces-a-l-information-2 .view-content table tbody tr td.views-field-field-telecharger-le-fichier-pdf .item-list li{
    border-bottom: 0 !important;
    list-style-type: none;
    margin-top: 12px;
    text-align: center;
}
.block-views-blockmenu-acces-informations-block-1 .views-field-name a.active {
    background: #ffb51c;
}
.view-acces-a-l-information-2 .view-content .views-field-body tbody tr:nth-child(odd) td{
    background-color: #c6c7c9;
    border: none;
    border-right: 1px solid #9e9b9b;
}
.view-acces-a-l-information-2 .view-content .views-field-body tbody tr:nth-child(even) td{
    background: #e7e7e8;
    border: none;
    border-right: 1px solid #9e9b9b;
}
.view-acces-a-l-information-2 .view-content .views-field-body tbody tr th{
    background-color: #fbaa39 !important;
    border: none;
    border-bottom: 1px solid #fff;
}
.view-acces-a-l-information-2 .view-content .views-field-body thead{
    background-color:#21a6df;
}
.view-acces-a-l-information-2 .view-content .views-field-body table{
    border: none;
    border-collapse: collapse;
    border-radius: 1em;
    overflow: hidden;
}
.view-acces-a-l-information-2 .view-content .views-field-body thead tr th{
    border: none;
    text-align: inherit;
}
body.path-reutilisation-information .view-acces-a-l-information-2 table{
    margin: 0 auto;
}
body.reutilisation-information-24 td.views-field.views-field-field-telecharger-le-fichier-pdf ,
body.reutilisation-information-26 td.views-field.views-field-field-telecharger-le-fichier-pdf {
    background-color: transparent !important;
    display: none;
}
.view-acces-a-l-information-2 .view-content table .views-field-field-telecharger-le-fichier-pdf .file--image,
.view-acces-a-l-information-2 .view-content table .views-field-field-telecharger-le-fichier-pdf .file--application-pdf{
    background-image: none;
    padding: 0;
}
.path-reutilisation-information .col-md-12 .main-content__section .block {
  padding-bottom: 0;
}
.path-reutilisation-information .region.region-content {
  padding: 15px;
  margin: 0;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.addtoany_list {
    display: none;
}
.presentation-inm .addtoany_list ,
.qui-sommes-nous .addtoany_list ,
.historique .addtoany_list ,
.organisation .addtoany_list ,
.structure-regionale .addtoany_list ,
.mission .addtoany_list ,
.rapport-visibilite .addtoany_list ,
.reseau-observation .addtoany_list,
.node--type-visibilite-du-croissant-lunaire .addtoany_list{
    display: block;
    text-align: right;
    margin-bottom: 20px;
}

.path-reutilisation-information .main-content__section {
    background-color: rgba(237, 237, 237, 0.8);
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

.auto-briefing .col-md-12 #block-title,
.auto-briefing .col-md-12 #block-inm-theme-content {
    padding-bottom: 0;
}
#block-views-block-actualites-block-actualites .actu .img_actu > a {
    position: relative;
    display: block;
}
#block-views-block-actualites-block-actualites .actu .img_actu > a:before {
    position: absolute;
    left: 41%;
    top: 43%;
    content: "\f144";
    font-family: "FontAwesome";
    color: white;
    font-size: 30px;
    line-height: 30px;
}
.node--type-actualite video {
  margin-top: 10px;
  width: 100% !important;
  height: 100% !important;
}
.js .dropbutton-wrapper{
    position: relative;
}
div#block-previsionmarinelargeblock {
    margin-bottom: 25px;
}
div#block-sectionvigilance {
    margin-top: 20px;
}
body.path-institutionnel .main-content__section div#block-sectionvigilance{
  display: none;
}
.path-reutilisation-information .main-content__section div#block-sectionsismologie {
  display: none;
}
.tt_mobile_sm {
    display: none;
}
div#tt_sm_carte-svg {
    max-width: 220px !important;
    z-index: 6 !important;
}
.tt_custom_sm .info-min {
  text-align: center;
}
.info-title {
  text-transform: uppercase;
}
.description_picto{
  color: #000000;
}
.tt_sm {
  font-family: 'Roboto', Sans-serif !important;
}
div.amcharts-balloon-div div{
  font-family: 'Roboto', Sans-serif !important;
}
div#block-descriptionbms,
div#block-descriptioncote,
div#block-descriptionlarge{
    background-color: rgba(237, 237, 237, 0.8);
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}
div#block-descriptionbms .content ,
div#block-descriptioncote .content ,
div#block-descriptionlarge .content {
    padding: 15px;
    margin: 0;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
/**********block-spritevigilance*********/
div#block-spritevigilance {
  display: none;
  float: right;
  padding-top: 4px;
  width: auto;
}
div#block-spritevigilance a.suivi-carte{
  display: block;
  background: url("/modules/custom/vigilance_front/images/map-blanc-vert-blanc.svg") no-repeat center;
  color: transparent;
  overflow: hidden;
  padding-top: 3px;
  height: 40px;
}
div#block-spritevigilance p {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  div#block-spritevigilance {
    display: inline-block !important;
    padding-bottom: 10px;
    padding-top: 0;
    position: absolute;
    top: -60px;
    right: 0;
    left: auto;
  }
  .onscroll .header.js-fixed div#block-spritevigilance {
    top: 6px;
  }
  :lang(ar) div#block-spritevigilance {
    right: auto;
    left: 0;
  }
}
:lang(ar) div#block-spritevigilance{
  float: left;
  /*right: 60px;
  left: initial;*/
}
/****** espace membre *******/
body.espace-membre div#block-inm-theme-content {
  display: none;
}
body.espace-membre #block-title .content {
  margin-bottom: 0;
}
body.compte-membre #block-title .content {
  margin-bottom: 0;
}
/****** rcc *******/
.content-monotoring p {
  padding: 0;
}
/****** Contextual *******/
div#block-previsionmoyenorientblock .contextual ,
div#block-previsionnordafriqueblock .contextual ,
div#block-previsionmondeblock .contextual ,
div#block-plageblock .contextual {
  left: 0;
  right: auto;
}
:lang(ar) div#block-previsionmoyenorientblock .contextual ,
:lang(ar) div#block-previsionnordafriqueblock .contextual ,
:lang(ar) div#block-previsionmondeblock .contextual ,
:lang(ar) div#block-plageblock .contextual {
  left: auto;
  right: 0;
}
/****** not-found *******/
body.access-denied .block-logo img.logo-page-system,
body.not-found .block-logo img.logo-page-system{
  position: absolute;
  left: 3%;
}
body.access-denied,
body.not-found {
  /*background-image: none;*/
  background: linear-gradient(45deg, #1e6293,#3488ba);
  height: 100vh;
  /*height: 100%;*/
}
body.access-denied .clearfix.footer-bottom,
body.not-found .clearfix.footer-bottom {
  bottom: 0;
  position: absolute;
  width: 100%;
}
body.not-found #main-content .container,
body.access-denied #main-content .container{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
body.access-denied #main-content .container #block-inm-theme-content .field--name-body .text-access ,
body.not-found #main-content .container #block-inm-theme-content .field--name-body .text-not-found {
  position: relative;
  font-size: 1.5em;
  margin-bottom: 20px;
  color: #111;
  background: #ffff;
  font-weight: 300;
  padding: 10px 20px;
  display: block;
}
body.access-denied #main-content .container #block-inm-theme-content .field--name-body .text-403 ,
body.not-found #main-content .container #block-inm-theme-content .field--name-body .text-404 {
  font-size: 18vw;
  color: #fff;
  line-height: 1em;
}
body.access-denied #main-content .container #block-inm-theme-content .field--name-body a.link-access ,
body.not-found #main-content .container #block-inm-theme-content .field--name-body a.link-not-found {
  position: relative;
  display: inline-block;
  padding: 10px 25px;
  background: #ffb51c;
  color: #fff;
  text-decoration: none;
  margin-top: 25px;
}
body.access-denied #main-content .container #block-inm-theme-content .field--name-body,
body.not-found #main-content .container #block-inm-theme-content .field--name-body,
body.access-denied #main-content .container #block-inm-theme-content .field--name-body p,
body.not-found #main-content .container #block-inm-theme-content .field--name-body p{
  text-align: center;
}
/*body.access-denied #block-inm-theme-content .field.field--name-body.field--type-text-with-summary ,
body.not-found #block-inm-theme-content .field.field--name-body.field--type-text-with-summary {
  font-size: 2em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
body.access-denied #main-content .container #block-inm-theme-content .field--name-body .text-403 ,
body.not-found #main-content .container #block-inm-theme-content .field--name-body:after {
  content: "404";
  top: 0;
  left: 0;
  z-index: -1;
  color: lightgrey;
  font-size: 20em;
  margin: auto;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}*/
/****** vigilance *******/
body.quest-ce-que-la-vigilance div#block-vigilanceblock ,
body.path-consequences-conseils div#block-vigilanceblock ,
body.consequences-conseils div#block-vigilanceblock {
  display: none;
}
/****** preloader *******/
/*#preloader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 503;
    height: 100%;
}

#status_preloader{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(/themes/custom/inm_theme/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}*/

@media (max-width: 1199px) {
    .filter-climat select+select {
        margin-left: 20px;
    }
    .section-sub a{
        font-size: 1.062em;
    }
    .box-gray2{
        padding: 40px 20px;
    }
    .container{
        /*overflow: hidden;*/
    }
    /*.bottom-header-vigilance {
        margin-top: -65px;
        float: left;
    }*/

}
@media (max-width: 991px) {
  div#block-textresize, header #block-formulaireexposesearch-sitepage-1{
    display: none;
  }
  :lang(ar) div#block-republic {
    margin-right: 20px;
  }
  .view-institutionnel-details{
    width: 100%;
  }
  .view-institutionnel-details .views-field.views-field-body {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
  }
    div#block-textresize .textcontrols {
        padding-top: 3px;
    }
    .filter-climat select+select {
        margin-left: 0;
    }
    .filter-climat select {
        padding: 0 32px 0 10px;
        min-width: inherit;
    }
    #block-menutop{
        display: none;
    }
    .header__section ul.menu {
        width: 100%;
        margin: 5px 0 ;
        text-align: left;
    }
    :lang(ar) .header__section ul.menu {
      text-align: right;
    }
    .full-sub.section-sub a {
        right: 20px;
        width: auto;
    }
    .header-top__container .col-sm-6{
        /*width: auto;*/
        float: left;
    }
    /*.weather-widget{
        height: auto;
    }*/
    #block-quicktabsmap{
        clear: both;
    }
    #block-searchville, #block-searchmonde {
        margin-bottom: 0;
    }
    #quicktabs-map .item-list ul li a, #quicktabs-map_temps_vent_monde .item-list ul li a, #quicktabs-map_temps_vent_monde_moyen_orien .item-list ul li a, #quicktabs-map_satellite .item-list ul li a, #quicktabs-map_observation_satellite .item-list ul li a, .tab-observation .nav-tabs>li>a, .tab-widget .nav-tabs>li>a, .tab-donnees .nav-tabs > li > a{
        padding: 0 10px;
    }
    .weather-widget{
        margin-bottom: 0;
    }
    #block-weatherwidget{
        padding-bottom: 30px !important;
    }
    .w-time{
        /*width: 1.9%;*/
    }
    .parts-vigilance p{
        font-size: 1em;
    }
    #block-contacteznous{
        margin-left: -15px;
    }
    #block-menuvigilance{
        clear: both;
    }
    .view-consequence-test .views-row{
        /*float: none;*/
        width: 100%;
        padding-right: 0;
    }
    .logo img{
        height: 80px;
    }
    :lang(ar) .footer__container .col-md-10{
        float: none;
    }
    body.path-consequence-vigilance div#main-content {
        margin-top: 191px;
    }
    body.quest-ce-que-la-vigilance div#main-content {
        margin-top: 191px;
    }
    body.page-node-type-detail-consequence div#main-content {
        margin-top: 191px;
    }
    :lang(ar) body.path-consequences-conseils div#block-inm-theme-content {
        clear: both;
    }
    body.path-consequences-conseils div#main-content {
        margin-top: 191px;
    }
    div#main-content.page-consequences-conseils{
        margin-top: 191px;
    }
    .contact_subdivision{
        display: block;
    }
    .contact_subdivision .box{
        width: 100%;
        margin: 2% auto;
        padding: 30px 0;
    }
    body.path-detail-vigilance div#main-content,
    body.vigilance-meterologique div#main-content {
        margin-top: 189px;
    }
    .system-messages.clearfix {
        margin-top: 168px;
    }
    div#block-rubriques-ephemerides-block .col-md-6.views-row{
        width: 100%;
    }
    .col-md-12 .field--name-field-lien-page-ephemeride a {
        width: 50%;
    }
    footer#footer {
        display: none;
    }
    div#footer-top {
        display: none;
    }
    div#block-rubriques-ephemerides-block .col-md-12.views-row{
        width: 100%;
    }
}
@media (min-width: 992px){
    .navbar-toggle {
        display: none !important;
    }
    /*#block-inm-theme-main-menu {*/
        /*display: none;*/
    /*}*/
  body.path-institutionnel .table-responsive {
    overflow-x: initial;
  }
}
@media (min-width: 768px){
    .navbar-toggle {
        display: block;
    }
}
@media (min-width: 768px) {

}
@media (max-width: 767px) {
    /*div#block-textresize{
        display: none;
    }*/
    body.access-denied div#main-content,
    body.not-found div#main-content{
      margin-top: 100px;
    }
    body.access-denied .block-logo,
    body.not-found .block-logo {
      background-color: #1e6293;
    }
    body.access-denied .clearfix.footer-bottom,
    body.not-found .clearfix.footer-bottom {
      position: relative;
    }
    body.access-denied .block-logo img.logo-page-system,
    body.not-found .block-logo img.logo-page-system {
      position: relative;
    }
    body.access-denied .clearfix.header-top__container .col-sm-6.col-md-10,
    body.not-found .clearfix.header-top__container .col-sm-6.col-md-10 {
      position: absolute;
      top: 0;
    }
    div#block-textresize .textcontrols button{
        color: #ffffff;
    }
    div#block-dropdownlanguage {
        padding-top: 3px;
    }
    header #block-searcheheader, header #block-formulaireexposesearch-sitepage-1 {
        top: -56px;
        display: none;
    }
	.header-top .flag img{   display: none;}
    .tab-monotoring .nav-tabs ~ .tab-content {
        padding: 0;
    }
    .form-monotoring select{
        padding: 0 30px 0 10px;
        font-size: 1em;
        height: 40px;
    }
    .link-training a{
        font-size: 1em;
        padding: 30px 10px 10px;
    }
    .footer-top .slogan {
        font-size: 18px;
        letter-spacing: 0;
        margin: 5px 0 5px 10px;
        display: inline-block;
        width: calc(100% - 120px);
    }
    #block-footersearch{
        display: none;
    }
    #block-footer ul.menu{
        color: transparent;
    }
    #block-footer ul.menu li a{
      color: #fff;
      margin: 0;
      padding: 0;
    }
    .container_map_seismes .map_image{
        float: none;
        width: 100%;
    }
    .formes-seismes{
        float: none;
        width: 100%;
        margin: auto;
    }
    div#block-activitesismiqueblock {
        /*width: 80%;*/
        margin-left: auto;
        margin-right: auto;
    }
    .formes-seismes ul{
        /*text-align: right;*/
    }
    .formes-seismes ul li{
        display: inline-block;
        /*float: right;*/
    }
    .w-time {
        /*width: 1.9%;*/
    }
    .bottom-header-vigilance{
        margin-top: 0;
    }
    #block-menuvigilance{
        display: none;
        position: fixed;
        top: 120px;
        /* right: 0; */
        left: 0;
        background: #16547f;
        width: 100%;
        margin: 0 !important;
    }
    #block-menutopvigilance, #block-shareheader{
        display: none;
    }
    #block-logovigilance {
        margin-top: 15px;
        margin-right: 10px;
    }
    #block-logovigilance img {
        width: 75px;
    }
    #block-slogonvigilance{
        margin: 40px 0 10px;
        width: calc(100% - 85px);
    }
    .header-container #block-menuvigilance ul.menu li{
        margin: 0;
        display: block;
    }
    .header-container #block-menuvigilance ul.menu .sep{
        display: none;
    }
    .header-container #block-menuvigilance ul.menu li:first-child{
        margin-left: 0;
    }
    .header-container #block-menuvigilance ul.menu li a{
        color: #fff;
        margin: 0;
    }
    #block-slogonvigilance .title-slogan {
        font-size: 20px;
        line-height: 22px;
    }
    #block-slogonvigilance .txt-slogan{
        font-size: 13px;
        line-height: 14px;
    }
    .options-vigilances .col-md-3.col-sm-6 {
        margin-bottom: 10px;
        padding-bottom: 20px;
        clear: both;
    }
    #quicktabs-map .item-list ul li a, #quicktabs-map_temps_vent_monde .item-list ul li a, #quicktabs-map_temps_vent_monde_moyen_orien .item-list ul li a, #quicktabs-map_satellite .item-list ul li a, #quicktabs-map_observation_satellite .item-list ul li a, .tab-observation .nav-tabs>li>a, .tab-widget .nav-tabs>li>a,.tab-donnees .nav-tabs > li > a {
        line-height: 32px;
        padding: 0 12px;
        font-size: 1.062em;
        border-radius: 10px 10px 0 0;
    }
    .container_map .menu_map .panel-title a {
        font-size: 1em;
    }
    .container_map .menu_map .panel-title a{
        font-size: 1em;
        padding: 4px 8px 4px 25px;
    }
    .container_map .menu_map .panel-body ul li a {
        font-size: 0.75em;
        padding: 1px 8px 1px 25px;
    }
    .container_map .menu_map .panel-title a:after {
        left: 6px;
        top: 8px;
    }
    .container_map .menu_map .panel-title a:before {
        left: 9px;
        top: 8px;
    }
    .logo{
        width: 60px;
    }
    .logo img {
        /*height: 80px;*/
        height: 60px;
        display: inline-block;
    }
    .logo a{
        display: block;
    }
    body.path-consequence-vigilance div#main-content {
        margin-top: 126px;
    }
    body.quest-ce-que-la-vigilance div#main-content {
        margin-top: 126px;
    }
    body.page-node-type-detail-consequence div#main-content {
        margin-top: 126px;
    }
    body.path-consequences-conseils div#main-content {
        margin-top: 126px;
    }
    div#main-content.page-consequences-conseils {
        margin-top: 126px;
    }
    .filter-climat select {
        font-size: 1em;
        height: 40px;
    }
    #block-publiciteadsenceheader {
        display: none;
    }
    #block-republic {
        display: none;
    }
    .header-top {
        /*background: #1e6293;*/
        background: transparent !important;
    }
    .js .header-top__container .dropbutton li, .header-top__container .js .dropbutton a {
        color: #fff;
    }
    body.path-detail-vigilance div#main-content ,
    body.vigilance-meterologique div#main-content {
        margin-top: 126px;
    }
    .system-messages.clearfix {
        margin-top: 90px;
    }
    :lang(ar) .system-messages.clearfix .row:first-child{
        margin-left: 0;
        margin-right: 0;
    }
    :lang(ar) footer#footer .row:first-child{
        margin-left: 0;
        margin-right: 0;
    }
    :lang(ar) div#block-footerlink .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    div#block-activitesismiqueblock div#map {
        width: 100% !important;
    }
  .detail-vigilance {
    min-width: 600px;
    position: relative;
  }
  .div-white.parts-vigilance {
    overflow: auto;
  }
  /*div#block-spritevigilance{
    left: 60px;
    right: auto;
  }*/
  .onscroll .header.js-fixed div#block-spritevigilance {
    top: -48px;
  }
  .region-content h2, #block-title .content{
    font-size: 1.4em;
    margin-bottom: 10px;
  }
  .main-content #block-donnees-climatiques .tab-donnees ul.nav-tabs li{
    width: 100%;
    margin-bottom: 2px;
    margin-left: 0;
  }
  .main-content #block-donnees-climatiques .tab-donnees ul.nav-tabs li a {
    margin-left: 0;
    margin-right: 0;
  }
  /*:lang(ar) div#block-spritevigilance {
    right: 60px;
    left: auto;
  }*/
}
@media screen and (max-width: 606px){
    .tab-monotoring .nav-tabs > li > a{
        padding: 10px 10px;
        font-size: 0.9375em;
    }
    .view-acces-a-l-information-2 {
        width: 100%;
    }
    .block-views-blockmenu-acces-informations-block-1 {
        width: 100%;
    }
}
@media (max-width: 599px) {
    /*.header-top{
        height: auto;
    }*/
    .header-top .col-sm-6+.col-sm-6{
        margin-top: 0;
    }
    body.page-node-204 article table tr td,
    body.page-node-204 article table tr th,
    body.page-node-206 article table tr td,
    body.page-node-206 article table tr th {
      padding: 0 1px;
      font-size: 0.625em;
    }
}
@media (max-width: 479px) {
    .form-data select{
        width: 100%;
        margin-bottom: 10px;
    }
    .form-data select+select{
        margin-left: 0;
    }
    /*.tab-monotoring .nav-tabs > li > a{
        padding: 10px 2px;
        font-size: 0.6875em;
    }
    :lang(ar).tab-monotoring .nav-tabs > li > a{
        padding: 10px 10px;
        font-size: 0.9375em;
    }*/
    .main-content .tab-monotoring ul.nav-tabs li{
        padding: 0 !important;
    }
    .view-consequence-test .views-row .views-field-title{
        width: calc(100% - 0px);
    }
}
@media (max-width: 439px) {
    .section-sub a{
        font-size: 1em;
    }
    .img_actu {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .img_actu img{
        width: 100%;
        height: auto;
    }
    .desc-right {
        float: none;
        width: 100%;
    }
    .tab-donnees .tab-content .menu_map_c ul li a{
        font-size: 0.5625em;
        font-weight: 500;
        line-height: 2;
        height: auto;
    }
    .tab-donnees .tab-content .menu_map_c{
        width: 60px;
        top:40px;
    }
    .tab-donnees .nav-tabs > li > a {
        padding: 0;
        font-size: 0.625em
    }
    .view-consequence-test .views-row .views-field-title{
        float: none;
        clear: both;
    }
    .options-map.options-conseils li{
        margin: 0 0 20px;
    }
    .op-color{
        width: 20px;
        height: 15px;
        margin-right: 5px;
    }
    .weather-widget .week-days {
        /*font-size: 0.54375em;*/
    }
    :lang(ar) .img_actu{
        float: none;
        margin-left: 0;
    }
    :lang(ar) .tab-donnees ul.nav-tabs a:before {
        margin-left: 3px;
    }
    .tab-donnees ul.nav-tabs a:before {
        margin-right: 3px;
    }
}
:lang(ar) body.access-denied .block-logo img.logo-page-system,
:lang(ar) body.not-found .block-logo img.logo-page-system {
  left: auto;
  right: 3%;
}
:lang(ar) body.page-node-207 table tr th {
  text-align: right;
}
:lang(ar) .view.view-references .views-row {
  float: right;
}
:lang(ar) .menu--menu-top-vigilance{
    margin: 10px 0 10px 20px;
}
:lang(ar) #block-shareheader{
    float: left;
    clear: left;
    margin-right: 0;
    /*margin-left: 36px;*/
}
:lang(ar) #block-logovigilance{
    float: right;
    margin-right: 0;
    margin-left: 20px;
}
:lang(ar) #block-menuvigilance{
    text-align: right;
}
:lang(ar) .header-container #block-menuvigilance ul.menu{
    text-align: right;
}
:lang(ar) #block-shareheader .socials a{
    padding-right: 4px;
    padding-left: 0;
}
:lang(ar) .main-content .tab-monotoring ul.nav-tabs li{
    float: right;
}
:lang(ar) div#block-block-vigilance-consequences-et-conseils-pictogrammes p,
:lang(ar) .options-vigilances p{
    text-align: right !important;
    padding-right: 15px;
    display: inline-block;
}
:lang(ar) .options-vigilances img{
    float: none;
}
:lang(ar) .block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-title{
    float: right;
    text-align: right !important;
}
:lang(ar) .block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-title span{
    padding-right: 10px;
}
:lang(ar) .block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-field-details-consequences{
    float: right;
}
:lang(ar) .block-views-blockvigilance-consequences-et-conseils-block-1 .views-row .views-field-field-icone-vigilance{
    float: right;
}
:lang(ar) .block-views-blockvigilance-consequences-et-conseils-block-1 .views-row.col-md-6{
    float: right;
}
:lang(ar) .block-views-blockvigilance-consequences-et-conseils-block-1 .views-field-field-details-consequences img{
    transform: rotate(-180deg);
}
:lang(ar) .op-color {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
:lang(ar) .filter-climat select{
    padding: 0 4px 0 25px;
    background-position: 10% 50%;
}
:lang(ar) .container_map .filter-climat select+select{
    padding: 0 4px 0 25px;
}
:lang(ar) div.controls ul .icon-previous{
    transform: rotate(-180deg);
}
:lang(ar) div.controls ul .icon-next{
    transform: rotate(-180deg);
}
:lang(ar) div#block-block-2-vigilance-consequences-et-conseils{
    float: right;
}
:lang(ar) #block-inm-theme-content .views-field-field-icone-vigilance{
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
:lang(ar) .form-type-select select{
    background-position-x: 6%;
    padding: 0 10px 0 25px !important;
    font-style: normal !important;
}
:lang(ar) .picto-part p {
    text-align: center;
}
:lang(ar) .zone-part{
    float: right;
}
:lang(ar) .zone-part:last-child{
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
}
:lang(ar) .zone-part:first-child{
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}
:lang(ar) .time-parts{
  float: left;
}
:lang(ar) .picto-part{
    float: right;
}
:lang(en) .options-vigilances p{
    overflow: hidden;
}
:lang(en) .options-vigilances img{
    margin-right: 10px;
}
:lang(ar) .formes-seismes ul li span{
    margin-left: 6px;
    margin-right: 0;
}
:lang(ar) .formes-seismes ul li{
    text-align: center;
}
:lang(ar) .webform-progress-tracker.progress-tracker .progress-title {
    text-align: center !important;
}

.basic-page .div-white .field--name-field-lien-d-inscription span a {
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #17b2ef;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.basic-page .div-white .field--name-field-lien-d-inscription span a:after {
    content: "";
    display: inline-block;
    background: url(../../images/icon-pdf.png) no-repeat;
    width: 34px;
    height: 34px;
    margin-left: 10px;
    vertical-align: middle;
}
.basic-page .div-white .field--name-field-lien-d-inscription span.file--application-pdf{
    background-image: none;
}
.view-empty h4 {
  margin: 0;
}
.view-empty p{
  padding: 0;
}
.previsions-updatedDate h6{
  margin: 10px 0;
  text-transform: none;
}
:lang(ar) .basic-page .div-white .field--name-field-lien-d-inscription span a {
    height: 34px;
    line-height: 32px;
    padding: 0 0 0 0px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #17b2ef;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    /* text-align: center; */
    padding-right: 18px;
}
:lang(ar) .basic-page .div-white .field--name-field-lien-d-inscription span a:after {
    content: "";
    display: inline-block;
    background: url(../../images/icon-pdf.png) no-repeat;
    width: 34px;
    height: 34px;
    margin-right: 20px;
    vertical-align: middle;
    margin-left: 0;
}
:lang(ar) .test-ephemeride-phase .col-md-4,
:lang(ar) .test-ephemeride-phase .col-md-2{
    float: right;
}
:lang(ar) .datepicker.datepicker-dropdown.dropdown-menu.datepicker-rtl span.month {
    text-align: center;
}
:lang(ar) div#block-views-block-menu-acces-informations-block-1{
    float: right;
    margin-right: 0;
}
:lang(ar) .webform-progress-tracker .progress-step .progress-text{
    text-align: center;
}
.page-node-218 .field--name-field-lien-d-inscription{
    display: none;
}
:lang(ar) .webform-submission-drupal-contact-form select#edit-faites-votre-choix-select{
    padding-right: 0;
    padding-left: 16%;
}
:lang(ar) div#block-textresize{
    float: left;
    margin-left: 20px;
    margin-right: 0;
}
:lang(ar) div#block-blockiso9001 .footer-column {
    float: none;
    text-align: center;
}
:lang(ar) div#block-views-block-menu-institutionnel-block-1 {
    float: right;
}
:lang(ar) div#block-views-block-menu-institutionnel-block-1 .item-list ul {
    padding-left: 0;
    padding-right: 30px;
}
:lang(ar) div#block-views-block-menu-institutionnel-block-1 .item-list h3{
    background-position-x: 2%;
}
:lang(ar) div#block-tableauechellesbeaufort table thead tr th:first-child {
    border-right: none;
    border-left: 1px solid #fff;
}
:lang(ar) div#block-tableauechellesbeaufort table thead tr:first-child th:first-child {
  border-left: none;
}
:lang(ar) .ui-dialog .ui-dialog-titlebar-close{
    left: .3em;
    right: auto;
}
:lang(ar) body.Institutionnel-45 .view-institutionnel-details table caption{
    text-align: left;
}
:lang(ar) table tr td {
    text-align: right;
}
li.fnav-item.cmdToc {
    display: none !important;
}
:lang(ar) .info-title {
    font-family: 'Roboto', Sans-serif !important;
    font-size: 15px;
}
:lang(ar) .block-site-map .col-md-6{
    float: right;
}
:lang(ar) .modal a.close-modal{
    text-align: inherit;
}
:lang(ar) .view-acces-a-l-information-2 .view-content .views-field-body tbody tr th{
  text-align: right;
}
:lang(ar) .table-fill.table-sismique th{
  border-right: none;
  border-left: 1px solid #fff;
}
:lang(ar) .table-fill.table-sismique th:last-child {
  border-left: none;
}
:lang(ar) body.page-node-88 div#block-inm-theme-content .field--name-body p {
  font-size: 1.1em;
}
:lang(ar) body.vigilance-meterologique .options-map li.clearfix:last-child p:last-child {
  padding-right: 2px;
  padding-left: 0;
}
:lang(ar) div#block-block-vigilance-consequences-et-conseils-pictogrammes .views-field-field-icone-vigilance{
  float: right;
  margin-right: 0;
  margin-left: 18px;
}
:lang(ar) div#block-block-vigilance-consequences-et-conseils-pictogrammes .col-md-3.col-sm-6.views-row{
  float: right;
}
:lang(ar) #block-codejschatbot div#chat-circle {
  left: 30px;
  right: auto;
}
:lang(ar) body.meteo-europe-est-ouest #quicktabs-map .item-list ul li:first-child {
  margin-right: 0;
}
:lang(ar) .xmark_sm {
  float: left;
  margin-left: 0;
  margin-right: 5px;
}
:lang(ar) article.node--type-page .field--name-field-lien-d-inscription .file--application-pdf a:after {
  margin-left: 0;
  float: left;
  margin-right: 10px;
}
:lang(ar) article.node--type-page .field--name-field-lien-d-inscription .file--application-pdf a{
  padding: 0 10px 0 0;
}
:lang(ar) article.node--type-page .field--name-field-lien-d-inscription{
  text-align: right;
}
:lang(ar) .region.region-system-messages .col-md-4.block:nth-child(even) {
  padding-right: 15px;
  padding-left: 0;
}
:lang(ar) .region.region-system-messages .col-md-4.block:nth-child(odd) {
  padding-right: 15px;
  padding-left: 0;
}
:lang(ar) .region.region-system-messages .col-md-4.block {
  float: right;
}
:lang(ar) div#block-views-block-menu-institutionnel-block-1 .item-list h3{
  font-size: 1em;
  padding-left: 36px;
  padding-right: 15px;
  justify-content: right;
}
:lang(ar) div#block-views-block-menu-institutionnel-block-1 .item-list ul li span{
  font-size: 0.875em;
}
:lang(ar) .footer__section{
  font-size: 0.8125em;
}
:lang(ar) div#bp-web-widget iframe#bp-widget {
  right: auto;
  left: 25px;
}
#block-changement-climatique{position:relative;}.ajax-loader-changement{display:none;background-color:rgba(255,255,255,0.7);position:absolute;z-index:98 !important;width:100%;height:654px;}.ajax-loader-changement img{position:relative;top:40%;margin:auto;}.container_map .filter-climat .button{background-image:url(/INM/web/themes/inm_theme/images/icone_search.png);background-repeat:no-repeat;text-indent:-999999px;border:none;background-position:top;display:inline-block;width:auto;padding:13px 23px;margin:0;}.container_map .filter-climat select+select{margin-left:0;margin-right:0;padding:0 25px 0 4px;}.container_map .map-climat{display:block;padding-top:0;background-color:white;width:100%;margin-bottom:20px;padding:10px 15px;}.container_map .map-climat p{padding:0;}.container_map .map-climat img{display:block;margin-left:auto;margin-right:auto;}.container_map .filter-climat select:first-child{margin-right:0;}.filter-climat select{font-weight:600;}.filter-climat form.col-md-12{background-color:#efefef;border-radius:10px 10px 0 0;padding:0;margin:0;}.filter-climat select{width:22%;}@media screen and (max-width:1199px){.filter-climat select{width:21%;}}@media screen and (max-width:991px){.filter-climat select{width:22%;}}@media screen and (max-width:653px){.filter-climat select{width:100%;}}@media screen and (max-width:767px){.container_map .filter-climat select{width:calc(100% - 10px);display:block;margin-bottom:1px;padding-left:10px !important;padding-right:0 !important;}:lang(ar) .container_map .filter-climat select{padding-left:0 !important;padding-right:10px !important;margin-right:0 !important;}}:lang(ar) .container_map .filter-climat select:first-child{margin-right:0;}

.webform-flexbox {
    display: -webkit-flex;
    display: flex;
    margin: 1em -0.5em;
}
.legend{
	color:black;
}