@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
.sm-blue {
  /*
  background: transparent;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  */
}
/*.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
  
  padding-right: 58px;
  background: #3092c0;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
  background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
  background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
  color: white;
  font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
*/
.sm-blue a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
  background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: white;
}
.sm-blue a.disabled {
  color: #a1d1e8;
}
.sm-blue a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 23px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  /*background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;*/
}
.sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}


.menu-principal #main-menu ul a, .menu-principal #main-menu ul a:hover, .menu-principal #main-menu ul a:focus, .menu-principal #main-menu ul a a:active {
  color: #fff;
  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {
  background: #006892;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
  background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
  background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: white;
}
.sm-blue ul a.disabled {
  color: #b3b3b3;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}





.menu-principal #main-menu a{
    text-decoration: none!important;
    line-height: 1.29;
}
 
/*
.menu-principal #main-menu > li > a{
    text-transform: uppercase;
}
*/
.contenu-entete .menu-principal{
    padding-right: 0;
}

.sm-blue li ul ol.menu1col-niv3 li a {
    z-index: 3000;
    background-image: url("/design/qc-fr/icn-lien-blanc.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-position-x: -3px !important;
}

.contenu-entete .logo img,
.lien-icone a
{
    float: left;
}

/*@media (min-width: 768px) */
@media (min-width: 992px) 
{

  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
    background-color: transparent;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
        float: left;
        /*width: 100%!important;*/
        width: 50%!important;
  }

    .sm-blue > li > ul:before, .sm-blue > li > ul:after {
        content: '';
        position: absolute;
        top: -28px;
        left: 30px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 14px;
        border-style: dashed dashed solid dashed;
    }

    .sm-blue > li:last-child > ul:before, 
    .sm-blue > li:last-child > ul:after,
    .sm-blue > li.finMenu > ul:before, 
    .sm-blue > li.finMenu > ul:after {
        right: 30px;
        left: auto;
    }

    .sm-blue > li:last-child > ul,
    .sm-blue > li.finMenu > ul
    {
        left: auto!important;
        right: 0;
    }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }
  
    .menu1col-niv3 {
        padding-left: 15px;
        display: block;
        float: left;
        /*width: 50%;*/
    }
    
    .menu1col .menu1col-niv3 
    {
        width: 100%;
    }
    
    .sm-blue li ul ol.menu1col-niv3 li
    {
        width: 100%!important;
    }
   /*
    .sm-blue li ul ol.menu1col-niv3 li a {
        font-size: 0.7em !important;
    }
*/
    

  /* ...end */
  
  
  /*
    .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
      -webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      -ms-border-radius: 8px 8px 0 0;
      -o-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;
    }
    .sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
      -webkit-border-radius: 0 0 8px 8px;
      -moz-border-radius: 0 0 8px 8px;
      -ms-border-radius: 0 0 8px 8px;
      -o-border-radius: 0 0 8px 8px;
      border-radius: 0 0 8px 8px;
    }
*/

    .menu-principal #main-menu ul a:hover, 
    .menu-principal #main-menu ul a.highlighted
     {
        color: #fff;
        border-bottom: 8px solid transparent;
    }
    
    .menu-principal #main-menu > li > a, 
    .menu-principal #main-menu > li > a
     {
        border-bottom: 8px solid transparent;
    }

    .sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
    }
  
  
  /*.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 24px;
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
    background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: white;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #2b82ac;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #2d89b4), color-stop(100%, #297ca3));
    background-image: -webkit-linear-gradient(to bottom, #2d89b4, #297ca3);
    background-image: -moz-linear-gradient(to bottom, #2d89b4, #297ca3);
    background-image: -o-linear-gradient(to bottom, #2d89b4, #297ca3);
    background-image: linear-gradient(to bottom, #2d89b4, #297ca3);
  }
*/
  /*
  .sm-blue a.current {
    background: #006892;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
    background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
    background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: white;
  }
*/


    


  .sm-blue a.disabled {
    background: #3092c0;
    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
    background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
    background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
    color: #a1d1e8;
  }
  .sm-blue a span.sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;

    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

  }
  
  .menu-principal #main-menu a:hover,
  .menu-principal #main-menu a.highlighted
  {
        color: #474747;
    }
  
  #main-menu > li > a span.sub-arrow 
  {
      display:none;
  }
  
  .sm-blue a.highlighted span.sub-arrow:before {
    display: none;
  }
  /*
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
  }
  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0 !important;
    -moz-border-radius: 0 8px 8px 0 !important;
    -ms-border-radius: 0 8px 8px 0 !important;
    -o-border-radius: 0 8px 8px 0 !important;
    border-radius: 0 8px 8px 0 !important;
  }
*/
  /*.sm-blue > li {
    border-left: 1px solid #2b82ac;
  }

  .sm-blue > li:first-child {
    border-left: 0;
  }
*/
  .sm-blue ul {
    /*border: 1px solid #a8a8a8;*/
    padding: 17px 0 0 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
  }
  
  .sm-blue > li > ul {
    margin-top:20px!important;
    padding-top: 30px;
    padding-bottom: 20px;
    
    max-width: none!important;
    width: 27.5em!important;
    
  }
  
  .sm-blue ul ul {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active
  /*, .sm-blue ul a.highlighted*/ {
    border: 0 !important;
    padding: 9px 23px;
    background: transparent;
    color: #2b82ac;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  
  .sm-blue ul a.disabled {
    background: white;
    color: #b3b3b3;
  }
  .sm-blue ul a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue span.scroll-up,
  .sm-blue span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #2b82ac transparent;
  }
  .sm-blue span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #2b82ac transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
  }
  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
    -webkit-border-radius: 8px 0 0 8px !important;
    -moz-border-radius: 8px 0 0 8px !important;
    -ms-border-radius: 8px 0 0 8px !important;
    -o-border-radius: 8px 0 0 8px !important;
    border-radius: 8px 0 0 8px !important;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #2b82ac;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-vertical {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    -webkit-border-radius: 0 0 8px 8px !important;
    -moz-border-radius: 0 0 8px 8px !important;
    -ms-border-radius: 0 0 8px 8px !important;
    -o-border-radius: 0 0 8px 8px !important;
    border-radius: 0 0 8px 8px !important;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }


    #smenu2.menu1col, #smenu3.menu1col, #smenu4.menu1col, #smenu5.menu1col, #smenu6.menu1col, #smenu9.menu1col
    {
        width: 13.75em!important;
    }
    
    #smenu2.menu1col li a:link, #smenu2.menu1col li a:hover, #smenu3.menu1col li a:link, #smenu3.menu1col li a:hover, #smenu4.menu1col li a:link, #smenu4.menu1col li a:hover, #smenu5.menu1col li a:link, #smenu5.menu1col li a:hover, #smenu6.menu1col li a:link, #smenu6.menu1col li a:hover, #smenu9.menu1col li a:link
     {
        width: auto !important;
    }
    
    #smenu2.menu1col li, #smenu3.menu1col li, #smenu4.menu1col li, #smenu5.menu1col li, #smenu6.menu1col li, #smenu9.menu1col li
     {
        width: 100% !important;
    }
    
    li.menu-lien{
        font-size: 1.8em;
    }

    .main-menu-btn,
    #main-nav #main-menu-btn-background,
    .image-entete2, 
    #btn-langue.btn
    {
        display:none;
    }
    
    .contenu-entete .menu-haut
    {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 294px;
    }
    
    .contenu-entete .menu-principal {
		width: 100%;
		padding-left: 0;
		background-color: #dadada;
	}
    
    /*
    .contenu-entete .menu-haut .contenu 
    {
        margin-right: 60px;
    }
*/
    
    .contenu-entete .lien-icone
    {
        position:absolute;
        top:0;
        float:left;
        margin-left: 0;
        width: auto;
		left: 17px;
    }
    
    .lien-icone a 
    {
        padding: 0px 3px 0px 0px !important;
    }
    
    .lien-icone li 
    {
        font-size: 0.8em;
    }
    
    .image-entete
    {
        background-color: #fff;
    }
    
    .contenu-entete .logo img {
        width: 100%;
    }
    
    .contenu-entete .logo
    {
        margin-top: 55px;
        margin-left: 7px;
    }
    
    
    
    .contenu-entete .menu-haut li.visible-md:after,
    .contenu-entete .menu-haut li.visible-lg:after
    {
        content: '';
    }
    
    .contenu-gauche 
    {
        padding-top:0;   
        width: 244px;
    }

    .ligne-pied-page .col-lg-3
    {
        width: 100%;
    }
    
    .contenu-droit
    {
        margin-top: -35px;
        width: 747px;  
    }

    .ligne-pied-page .col-lg-9
    {
        width: 100%;
    }
    
    #main-nav 
    {
        text-align: right; 
        padding-right: 40px;  
        background: transparent;
        height: 220px;
    }
    
    /* Ne pas présenter le 3e niveau */
    .sm >li > ul > li.sub-non-visible-lg > ul,
    .sm >li > ul > li.sub-non-visible-lg > a > .sub-arrow,
    .menu-sites li.sub-non-visible-lg > ul,
    .menu-sites li.sub-non-visible-lg > a > .sub-arrow
    {
        display:none!important;
    }


/*    .menu-principal #main-menu li li a.has-submenu
    {
        padding-right: 35px;
    }
*/
    
    #section-bouton-recherche
    {
        float: left;
    }
        
    #section-bouton-recherche .js-tooltip
    {
		float: left;
		background-color: #ee3042;
		padding: 5px 10px 5px 8px;
		color: #fff;
		border-radius: 3px;
		margin-top: 9px;
    }
    
    #section-bouton-recherche .icone-recherche 
    {
        font-size: 1.2em;
    }
    
    #section-bouton-recherche .simple-tooltip-tooltip {
        top: 30px;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 0;
        margin-top: 20px;
    }
     #section-bouton-recherche .js-dialogtooltip:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        /*border-color: transparent;*/
        border-top: 0;
    }
    
    #section-bouton-recherche .js-dialogtooltip:before {
        top: -16px;
        right: 1px;
        border-color: transparent;
        border-bottom-color: #777;
        border-width: 16px;
    }
    
    #section-bouton-recherche .js-dialogtooltip:after {
        top: -15px;
        right: 2px;
        border-color: transparent;
        border-bottom-color: #fff;
        border-width: 15px;
    }
    
   
    
    #section-bouton-recherche .popup {
        float: left;
        width: 100%;
        font-size: 1.5em;
    }
    
    #section-bouton-recherche .popup input[type=text] {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 0;
        /*height: 1.75em;*/
        font-family: arial, sans-serif;
        font-size: 0.9em;
        padding: 8px;
        /*margin-top: 10px;*/
    }
    

    #section-bouton-recherche .popup .input-group-btn 
    {
        background-color: #ee3042;
        
    }
    
    #section-bouton-recherche .btn-lancer-recherche {
        background-color: transparent;
        width: 40px;
        padding-top: 4px;
        height: 100%;
    }
    
    #section-bouton-recherche .simple-tooltip-tooltip__close {
        background-color: #ee3042;
        margin-top: -50px;
        margin-right: -11px;
        font-size: 1.2em;
        color: #fff;
        height: 22px;
    }

}


/*@media (max-width: 767px) */
@media (max-width: 991px) 
{
    
    .contenu-entete .menu-principal
    {
        background-color:transparent;
        padding-right:0;
        width:100%;
        margin-top: 0;
        padding-top: 0;
        padding-left:0;
        position: absolute;
        top: 0;
        z-index: 9998;
    }
    
    .contenu-entete .logo{
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        margin-top: 10px;
        margin-bottom: 0;
        margin-left:10px;
        z-index: 9999;
    }
    
    .contenu-entete .logo img {
        width: 100%;
    }    
    
    .menu-gauche,
    .sm li.menu-lien
      {
          display:none;
      }
/*    
    .menu-haut .contenu {
        min-height: 100px;
    }
  */  
   
    .image-entete img 
    {
        width: 100%;
    }
    
    .image-entete{
        /*padding-top: 58px;*/
        padding-top: 58px;
    }

    
    .contenu-principal 
    {
        width: 100%; 
    }
    

    /*
    .contenu-colonne-droite
    {
        display:none;
    }
*/
    
    .contenu-gauche
    {
        padding-top:0; 
    }
    
    .container 
    {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0; 
    }
    
    #smenu2.menu1col, #smenu3.menu1col, #smenu4.menu1col, #smenu5.menu1col, #smenu6.menu1col,
    #smenu2.menu1col li a:link, #smenu2.menu1col li a:hover, #smenu3.menu1col li a:link, #smenu3.menu1col li a:hover, #smenu4.menu1col li a:link, #smenu4.menu1col li a:hover, #smenu5.menu1col li a:link, #smenu5.menu1col li a:hover, #smenu6.menu1col li a:link, #smenu6.menu1col li a:hover,
    #smenu2.menu1col li, #smenu3.menu1col li, #smenu4.menu1col li, #smenu5.menu1col li, #smenu6.menu1col li
     {
        width: auto!important;
    }
   
   
   .main-menu-btn
    {
        display: inline-block;
    }
    
     .menu-principal .fa-bars{   
        float: right;
        font-size: 1.8em;
    }
    
    .menu-principal.ouvert .fa-bars{   
        color: #fff;
    }
    
    .menu-principal #main-menu-btn-background
    {
        background-color: transparent;
        position:absolute;
        top:0;
        right:24px;
        width:55px;
        height:58px;
        z-index: -1;
    }
    

    
     .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted
      {
        padding: 13px 24px 13px 2px;
        /*background:#fff;*/
        /*
        background: #3092c0;
        background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3298c8), color-stop(100%, #2e8cb8));
        background-image: -webkit-linear-gradient(to bottom, #3298c8, #2e8cb8);
        background-image: -moz-linear-gradient(to bottom, #3298c8, #2e8cb8);
        background-image: -o-linear-gradient(to bottom, #3298c8, #2e8cb8);
        background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
        color: white;        
        */
        color: #0181a1;
      }
      
    /*  
     .menu-principal #main-menu ul a, .menu-principal #main-menu ul a:hover, .menu-principal #main-menu ul a:focus, .menu-principal #main-menu ul a a:active {
  background: transparent;
  color: #fff;
  */
      
      .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
        /*background: #fff;*/
        /*
        background: #2b82ac;
        background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #2d89b4), color-stop(100%, #297ca3));
        background-image: -webkit-linear-gradient(to bottom, #2d89b4, #297ca3);
        background-image: -moz-linear-gradient(to bottom, #2d89b4, #297ca3);
        background-image: -o-linear-gradient(to bottom, #2d89b4, #297ca3);
        background-image: linear-gradient(to bottom, #2d89b4, #297ca3);
        */
      }

      .sm-blue a.current {
        background: #006892;
        background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #006188), color-stop(100%, #006f9c));
        background-image: -webkit-linear-gradient(to bottom, #006188, #006f9c);
        background-image: -moz-linear-gradient(to bottom, #006188, #006f9c);
        background-image: -o-linear-gradient(to bottom, #006188, #006f9c);
        background-image: linear-gradient(to bottom, #006188, #006f9c);
        color: white;
      }
      
        .menu-principal #main-menu > li > a{
            padding-left: 20px;
        }
        
        .sm >li > a,
        .menu-haut .contenu > ul >li > a 
        {
            border-bottom: 1px solid rgba(0,0,0,0.2);
            text-decoration: none!important;
            font-size: .8em;
            font-weight: bold;
            line-height: 1.29;
        }

        .menu-haut .contenu > ul >li > a,
        .contenu-entete .menu-haut a:link
        {
            text-transform:none;
            width: 100%;
            float: left;
            padding: 17px 6px 12px 20px;
			font-size: 1em;
        }

        .menu-haut .contenu > ul.menu-pays >li > a,
        .contenu-entete .menu-haut ul.menu-pays a:link
        {
            padding: 0px 6px 0px 20px;
        }

        .sm >li > a.highlighted
        {
            border-bottom: 1px solid transparent;
        }




        .sm >li > ul > li > a
        {
            /*margin-left: 20px;
            margin-right: 20px;
            */
            padding-left: 20px;
        }

        .sm >li > ul > li > ul > li
        {
            background-color: #e0e0e0;
        }
        
        .sm >li > ul > li > ul > li a {
            padding-left: 35px!important;
        }
        
        /*
        .sm >li > ul > li.sub-non-visible-lg > ul
        {
            z-index: auto !important;
            max-width: none !important;
            min-width: auto!important;
            margin-left: 0 !important;
            margin-top: 0!important;
        }
*/
      
      
      [type="checkbox"]#main-menu-state:not(:checked) + label, 
      [type="checkbox"]#main-menu-state:checked + label
        {
          position: absolute;  
            top: 18px;
            right: 40px;
        }

        #main-nav 
        {
            margin-top: 58px;
        }
      

      
        

      
      .contenu-entete .menu-haut, .lien-icone {
            background-color:#dadada;
            position: relative;
            width: 100%;
            margin: 0;
            padding: 0;
            /*padding-right: 38px;*/
            float: left;
            height:inherit !important;
        }

        .lien-icone {
            border-bottom: 1px solid rgba(0,0,0,0.2);
            padding-top: 2px!important;
        }
        .contenu-entete .menu-haut .contenu{
            width: 100% !important;
            margin: 0;
            padding: 0;
            float: left;
            height:inherit;
            text-align: left;
        }
        
        .contenu-entete .menu-haut .contenu ul{
            width: 100%;
        }

        .contenu-entete .menu-haut li
        {
            float:left;
            line-height: normal;
            /*height: 34px;*/
            font-size: inherit;
            width: 100%;
            position: relative;
        }
        
        

        .lien-icone li 
        {
            font-size: 1em;
			padding: 0!important;
			width: 50px;
        }
        
        .lien-icone ul {
            padding-left: 20px;
        }
        

        
        .menu-principal.ferme #main-menu, .menu-principal.ferme .menu-haut, .menu-principal.ferme .lien-icone
        {
          display: none;
        }
        
        #main-menu 
        {
             border-top: 1px solid rgba(0,0,0,0.2);   
        }
        

}



#main-menu {
  clear: both;
  background-color:#fff;
}



.main-menu-btn 
{
  float: right;
  
  
  width: 28px;
  
  /*height: 28px;*/
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  /*position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
*/
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
/*
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
*/
/* x icon */
/*#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon */
.menu-principal.ouvert .main-menu-btn .main-menu-btn-icon 
{
  height: 0;
  background: transparent;
}
/*#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before */
.menu-principal.ouvert .main-menu-btn .main-menu-btn-icon:before
{
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after */
.menu-principal.ouvert .main-menu-btn .main-menu-btn-icon:after 
{
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox offscreen (so it stays visible to screen readers) */
#main-menu-state {
  position: absolute;
  top: -99999px;
}
/* hide the menu in mobile view */
/*#main-menu-state:not(:checked) ~ #main-menu*/
/*#main-menu-state:not(:checked) ~ #main-menu-container */

/*#main-menu-state:checked ~ #main-menu */
/*#main-menu-state:checked ~ #main-menu-container*/
.menu-principal.ouvert #main-menu-container
{
  display: block;
}
/*@media (min-width: 768px) */
/*@media (max-width: 767px){
.contenu-colonne-droite
    {
        display:none;
    }
}
*/

@media (min-width: 992px) 
{
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  /*#main-menu-state:not(:checked) ~ #main-menu */
  /*#main-menu-state:not(:checked) ~ #main-menu-container*/
  .menu-principal.ferme #main-menu-container,
  .menu-principal.ouvert #main-menu-container
  {
    display: inline-block !important;
    position: relative;
    width: 100%;
    float: left;
    height: 123px;
  }
  
  .menu-principal.ferme #main-menu-container #main-menu,
  .menu-principal.ouvert #main-menu-container #main-menu,
  .menu-principal.ferme #main-menu-container .menu-haut,
  .menu-principal.ouvert #main-menu-container .menu-haut,
  .menu-principal.ferme #main-menu-container .lien-icone,
  .menu-principal.ouvert #main-menu-container .lien-icone
  {
    display: block !important;
  }

 
    #main-menu { 
        position: absolute;
        bottom: 0;
        right: 0;
    }
    
    .menu-sites 
    {
        float: left;   
    }
  
}




.menu-principal [type="checkbox"]:not(:checked) + label:before, 
.menu-principal [type="checkbox"]:checked + label:before,
.menu-principal [type="checkbox"]:not(:checked) + label:after, 
.menu-principal [type="checkbox"]:checked + label:after 
{
    display:none;
}


@media (min-width:691px) and (max-width: 991px) 
{
    #main-menu,
    .contenu-entete .menu-haut,
    .lien-icone {
        width: 50%;
        float: right;
        clear: both;
        border-left: 1px solid rgba(0,0,0,0.2);
        border-right: 1px solid rgba(0,0,0,0.2);
    }
    .image-entete {
        /*padding-top: 100px;*/
    }
    
}

#section-bouton-pays .js-dialogtooltip {
    border: 1px solid rgba(0,0,0,0.2);
    border-radius:0;
}

#section-bouton-recherche .icone-go {
    color: #fff;
}

@media (max-width: 767px)
{

    .image-entete {
       /* padding-top: 58px;*/
    }
    .contenu-entete .logo{
        margin-top: 10px;
        margin-bottom: 0;
        margin-left:10px;
    }
	
	[type="checkbox"]#main-menu-state:not(:checked) + label, 
	[type="checkbox"]#main-menu-state:checked + label
	{
		right: 20px;
	}
	
	.menu-principal #main-menu-btn-background {
		right: 4px;
	}
}

@media (max-width: 357px) {
    .contenu-entete .logo img {width:78%;margin-top: 5px;}
    /*#menu-drapeau-courant {display: none; }*/
}