.menu-footer ul {
  list-style-type: none;
  padding:0;
  margin:0;
}
#menu .ubermenu-skin-black-white-2.ubermenu-responsive-toggle {
  background:#f3f3f3;
  color:#555;
  border:0;
}
#ubermenu-nav-main-2-principal {
  background:#CCC;
}
@media screen and (max-width: 767px) {
  #header_content {
    background:#e7e7e7;
  }
  #header .logo {
    display: inline-block;
    width: 20% !important;
    vertical-align: top;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999999;
  }
  #header_logo {
    height: 95px !important;
    width: 100% !important;
    background-size: contain;
  }
  #header .header_content {
    position: fixed;
    display: inline-block;
    width: 100% !important;
    top: 0;
    left: 0;
    z-index: 9999999;
  }
  #header_raccourcis {
    height: auto;
    float: left;
    padding: 11px 0px;
    width: 100%;
    background: #ddd;
  }
  #menu {
    position: relative;
    z-index: 16;
    overflow-y: auto;
  }
  .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
    background:#eee;
  }
  .ubermenu-responsive-default.ubermenu-responsive.ubermenu {
      margin: 0;
      height: calc(100vh - 92px);
      max-height:unset;
      background: #eee;
  }
  body:not(.rtl) .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-target {
    height:auto;
    font-weight:bold;
  }
}
@media(min-width:768px){
  #header_raccourcis{
    height:25px;
    float:left;
    margin:11px 0px;
    padding:0;
    width:auto;
    background: none
  }
  .ubermenu .ubermenu-autoclear > :nth-child(10n+1).ubermenu-column-1-10, .ubermenu .ubermenu-autoclear > :nth-child(11n+1).ubermenu-column-1-11, .ubermenu .ubermenu-autoclear > :nth-child(12n+1).ubermenu-column-1-12, .ubermenu .ubermenu-autoclear > :nth-child(2n+1).ubermenu-column-1-2, .ubermenu .ubermenu-autoclear > :nth-child(3n+1).ubermenu-column-1-3, .ubermenu .ubermenu-autoclear > :nth-child(4n+1).ubermenu-column-1-4, .ubermenu .ubermenu-autoclear > :nth-child(5n+1).ubermenu-column-1-5, .ubermenu .ubermenu-autoclear > :nth-child(6n+1).ubermenu-column-1-6, .ubermenu .ubermenu-autoclear > :nth-child(7n+1).ubermenu-column-1-7, .ubermenu .ubermenu-autoclear > :nth-child(8n+1).ubermenu-column-1-8, .ubermenu .ubermenu-autoclear > :nth-child(9n+1).ubermenu-column-1-9, .ubermenu .ubermenu-autoclear > .ubermenu-column-full {
    clear:none !important;
  }
  #menu-menu-principal.menu-actu > li > a.active {
    font-weight:bold;
  }
  .ubermenu-responsive-default.ubermenu-responsive.ubermenu {
      
      z-index:999;
  }
  .ubermenu-main.ubermenu .ubermenu-item-header > a > .ubermenu-target-text {
    padding-top:5px;
  }
  .ubermenu-main.ubermenu .ubermenu-row {
    margin-bottom:0px;
  }
  .ubermenu-main.ubermenu .ubermenu-autocolumn, .ubermenu-main.ubermenu .ubermenu-submenu-type-stack {
      padding-top: 0px;
      padding-bottom: 0px;
  }
  .ubermenu-main.ubermenu .ubermenu-target {
    padding:5px 5px 12px 5px;
    border-bottom:0 !important;
  }
  .ubermenu-main.ubermenu > ul > li .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:not(.ubermenu-item-notext) {
    padding:0 5px 5px 15px;
    background:url(../images/fleche_bleue.png) 5px 5px no-repeat;
  }
  .ubermenu-main.ubermenu > ul > li:nth-child(2) .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:not(.ubermenu-item-notext) {
    background:url(../images/fleche_violette.png) 5px 5px no-repeat;
  }
  .ubermenu-main.ubermenu > ul > li:nth-child(3) .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:not(.ubermenu-item-notext) {
    background:url(../images/fleche_verte.png) 5px 5px no-repeat;
  }
  .ubermenu-main.ubermenu > ul > li:nth-child(4) .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:not(.ubermenu-item-notext) {
    background:url(../images/fleche_jaune.png) 5px 5px no-repeat;
  }
  .ubermenu-main.ubermenu > ul > li:nth-child(5) .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:not(.ubermenu-item-notext) {
    background:url(../images/fleche_rouge.png) 5px 5px no-repeat;
  }
  .ubermenu-main.ubermenu > ul > li:nth-child(6) .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:not(.ubermenu-item-notext) {
    background:url(../images/fleche_bleue_claire.png) 5px 5px no-repeat;
  }
  .ubermenu-main.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target.ubermenu-item-notext {
    padding:5px;
  }
  .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    border:0;
  }
  .ubermenu.ubermenu-main .ubermenu-item-layout-image_left {
    padding-top:12px;
    padding-bottom:0;
  }
  .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
      font-size: 12px;
  }
  .ubermenu-main .ubermenu-row {
      padding-left: 150px !important;
  }
  #ubermenu-nav-main-2-principal > li > a, #ubermenu-nav-main-2-principal > li > span {
    text-align:center;
    transition:.3s;
    cursor:pointer;
  }
  #ubermenu-nav-main-2-principal > li > .ubermenu-submenu {
    padding-bottom:10px;
  }
  #ubermenu-nav-main-2-principal > li:first-child > a, #ubermenu-nav-main-2-principal > li:first-child > span {
    background:#fff url(../images/puce_menu_bleu_fonce.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(2) > a, #ubermenu-nav-main-2-principal > li:nth-child(2) > span {
    background:#fff url(../images/puce_menu_violet.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(3) > a, #ubermenu-nav-main-2-principal > li:nth-child(3) > span {
    background:#fff url(../images/puce_menu_vert.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(4) > a, #ubermenu-nav-main-2-principal > li:nth-child(4) > span {
    background:#fff url(../images/puce_menu_jaune.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(5) > a, #ubermenu-nav-main-2-principal > li:nth-child(5) > span {
    background:#fff url(../images/puce_menu_rouge.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(6) > a, #ubermenu-nav-main-2-principal > li:nth-child(6) > span {
    background:#fff url(../images/puce_menu_bleu.png) center 80px no-repeat;
  }

  #ubermenu-nav-main-2-principal > li:first-child:hover > a, #ubermenu-nav-main-2-principal > li:first-child:hover > span {
    background:#f3f3f3 url(../images/puce_menu_bleu_fonce.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(2):hover > a, #ubermenu-nav-main-2-principal > li:nth-child(2):hover > span {
    background:#f3f3f3 url(../images/puce_menu_violet.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(3):hover > a, #ubermenu-nav-main-2-principal > li:nth-child(3):hover > span {
    background:#f3f3f3 url(../images/puce_menu_vert.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(4):hover > a, #ubermenu-nav-main-2-principal > li:nth-child(4):hover > span {
    background:#f3f3f3 url(../images/puce_menu_jaune.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(5):hover > a, #ubermenu-nav-main-2-principal > li:nth-child(5):hover > span {
    background:#f3f3f3 url(../images/puce_menu_rouge.png) center 80px no-repeat;
  }
  #ubermenu-nav-main-2-principal > li:nth-child(6):hover > a, #ubermenu-nav-main-2-principal > li:nth-child(6):hover > span {
    background:#f3f3f3 url(../images/puce_menu_bleu.png) center 80px no-repeat;
  }
  #menu-item-8466 {
    padding-bottom:10px;
  }
  #page_int_menu.bleuf {
    background-color:#17608F;
  }
  #page_int_menu.violet {
    background-color:#9C0068;
  }
  #page_int_menu.vert {
    background-color:#9AC323;
  }
  #page_int_menu.jaune {
    background-color:#FFD200;
  }
  #page_int_menu.rouge {
    background-color:#CC1100;
  }
  #page_int_menu.bleu {
    background-color:#00B4C3;
  }


/* menu colonne latérale */


  .menu-menu-principal-container {
    background-color: #fff;
  }
  #menu-menu-principal > li.menu-item-object-ubermenu-custom > a {
    display:none;
  }
  #menu-menu-principal > li > a, 
  #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a,
  #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a  {
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    display: inline-block;
    transition:all .3s;
    width:100%;
  }
  #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > a  {
    text-indent:-999999px;
    height: 0;
    padding: 0;
    margin: 0;
    display:none;
  }
  #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > a:after  {
    display:none;
  }
  #menu-menu-principal > li > a:hover {
    background:#333;
    color:#fff;
  }
  #menu-menu-principal > li > a:after,
  #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after,
  #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after {
    content: "\00a0";
    width:15px;
    height:3px;
    display:block;
    margin: 5px 0 0 0;
  }

  #menu-menu-principal.menu-bleuf > li > a:after, #menu-menu-principal.menu-bleuf  > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after,
  #menu-menu-principal.menu-bleuf > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after {
    background:#17608F;
  }
  #menu-menu-principal.menu-violet > li:after, #menu-menu-principal.menu-violet > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after,
  #menu-menu-principal.menu-violet > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after {
    background:#9C0068;
  }
  #menu-menu-principal.menu-vert > li:after, #menu-menu-principal.menu-vert > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after,
  #menu-menu-principal.menu-vert > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after {
    background:#9AC323;
  }
  #menu-menu-principal.menu-jaune > li:after, #menu-menu-principal.menu-jaune > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after,
  #menu-menu-principal.menu-jaune > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after {
    background:#FFD200;
  }
  #menu-menu-principal.menu-rouge > li:after, #menu-menu-principal.menu-rouge > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after,
  #menu-menu-principal.menu-rouge > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after {
    background:#CC1100;
  }
  #menu-menu-principal.menu-bleu > li:after, #menu-menu-principal.menu-bleu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after,
  #menu-menu-principal.menu-bleu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:after {
    background:#00B4C3;
  }
  #menu-menu-principal .current_page_item a{
    font-weight:bold !important;
  }
  /*
  * Lien de 1ère catégorie
  */
  #menu-menu-principal > li > ul.sub-menu > li > a, #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > ul.sub-menu > li > a {
    font-weight:300;
    font-size: 14px;
    text-transform: initial;
    margin: 0;
    display: inline-block;
    transition: .3s;
    padding: 5px 5px 6px 25px;
    transition:all .3s;
  }

  #menu-menu-principal > li > ul.sub-menu > li >  a:hover {
    background:#333;
    color:#fff;
  }
  #menu-menu-principal > li > ul.sub-menu > li.menu-item-object-ubermenu-custom > ul.sub-menu > li > a:hover {
    background:#333;
    color:#fff;
  }
  /*
  * Lien de 2ème catégorie
  */
  #menu-menu-principal > li > ul.sub-menu > li > ul.sub-menu > li > a {
    font-weight:300;
    font-size: 12px;
    text-transform: initial;
    margin: 0;
    display: inline-block;
    transition: .3s;
    padding: 5px 5px 6px 50px;
  }

  #menu-menu-principal > li.menu-item-object-ubermenu-custom > ul > li:not(.current-menu-ancestor):not(.menu-item-object-ubermenu-custom) > .sub-menu {
    display:none;
  }

  /***********
  ** Bas de page
  ***********/
  .menu-footer {
    max-width: 600px;
    display:inline-block;
  }
  .menu_footer > li {
      display:inline-block;
      width:32.9%;
      vertical-align: top;
      margin-bottom: 15px;
  }
  .menu_footer > li > a {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    color: #595959;
    min-height: 20px;
  }
  .menu_footer > li > .sub-menu a {
    font-weight: 300;
    font-size: 12px;
    color: #595959;
  }



.ubermenu .ubermenu-autoclear>.ubermenu-column-1-10:nth-child(10n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-11:nth-child(11n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-12:nth-child(12n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-2:nth-child(2n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-3:nth-child(3n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-4:nth-child(4n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-5:nth-child(5n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-6:nth-child(6n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-7:nth-child(7n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-8:nth-child(8n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-1-9:nth-child(9n+1), .ubermenu .ubermenu-autoclear>.ubermenu-column-full {
    clear: unset !important;
}

}