﻿.sm {
    z-index: 9997;
}

.menu-principal #main-menu a{
    padding: 9px 12px 5px 8px;
    font-size: .9em;
    color: #404040;
}

.sm-blue ul {
  background: #14286e;
}
.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1);
}

/* triangle fenêtre pays */
#section-bouton-pays .js-dialogtooltip:before, .js-dialogtooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
}

/* Stroke */
#section-bouton-pays .js-dialogtooltip:before {
    top: -16px;
    left: 79px;

    /* If 1px darken stroke slightly */
    border-bottom-color: #777;
    border-width: 16px;
}

/* Fill */
#section-bouton-pays .js-dialogtooltip:after {
    top: -15px;
    left: 80px;
    border-bottom-color: #fff;
    border-width: 15px;
}
/*
@media (min-width: 1201px)
{
    #section-bouton-pays .js-dialogtooltip:before {
        left: 123px;
    }

    #section-bouton-pays .js-dialogtooltip:after {
        left: 124px;
    }
    
}
*/
 
 
.lien-icone .medias-sociaux-lien 
{
    border-radius: 0;
    width: 22px;
    height: 22px;
    padding: 0;
    background-color: transparent;
    margin-left: 0;
}
 
 
    #menu-drapeau-courant {/*display: none;*/ }
    #menu-drapeau-courant img {height: 22px;}
    #menu-drapeau-courant img.drapeau-bordure {height: 22px;border: 0px solid #c0c0c0;}
    #section-bouton-pays {
        display: block; 
        position: relative;
        float: left !important;
        width: 100%;
    }
    #menu-drapeau-courant {position: absolute; top: 7px; margin-left: 280px; margin-right: auto;}


@media (min-width: 992px) 
{
    .contenu-entete .logo {
		margin-top: 46px;
		margin-left: 7px;
	}
    .menu-principal #main-menu a {
        padding: 14px 8px 12px 8px;
    }

    .menu-principal #main-menu li li a{
        padding: 10px 17px;
        white-space: normal;
    }
    
    .sm-blue ul,
    .sm-blue ul ul
    {
        background: #ee3042;
    }
    
    .sm-blue > li > ul:before, .sm-blue > li > ul:after {
        border-color: transparent transparent #ee3042 transparent;
    }
    
    .menu-principal #main-menu > li > a:hover,
    .menu-principal #main-menu > li > a.highlighted,
    .menu-principal #main-menu > li > a.actuelCentre1_1, 
    .menu-principal #main-menu > li > a.actuelCentre2_2, 
    .menu-principal #main-menu > li > a.actuelCentre3_3, 
    .menu-principal #main-menu > li > a.actuelCentre4_4, 
    .menu-principal #main-menu > li > a.actuelCentre5_5, 
    .menu-principal #main-menu > li > a.actuelCentre6_6,
    .menu-principal #main-menu > li > a.actuelCentre7_7, 
    .menu-principal #main-menu > li > a.actuelCentre8_8, 
    .menu-principal #main-menu > li > a.actuelCentre9_9, 
    .menu-principal #main-menu > li > a.actuelCentre10_10
    {
        color: #474747;
        border-bottom: 8px solid #ee3042;
    }
    
    .menu-principal #main-menu > li > a.highlighted.actuelCentre1_1, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre2_2, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre3_3, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre4_4, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre5_5, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre6_6,
    .menu-principal #main-menu > li > a.highlighted.actuelCentre7_7, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre8_8, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre9_9, 
    .menu-principal #main-menu > li > a.highlighted.actuelCentre10_10
    {
        border-bottom: 8px solid #ee3042;
    }
    
    
    .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active 
    /*,.sm-blue ul a.highlighted*/ {
        background: #d43644;
        /*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 ul a.current {
        background: #d43644;
        /*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-pays .texte-pays {
        display:none;
    }*/
    
    .menu-pays-btn,
    #section-bouton-pays {
        position: absolute!important;
        z-index: 9998;
        left: 0;
        width: 100%;
        float: left;
        left: 267px;
        width: inherit;
    }
    
    .icone-pays {
        font-size: 1.54em!important;
    }
    
    #section-bouton-pays .js-dialogtooltip {
        top: 40px;
        /*left: -150px;*/
        /* width: 100%; */
        z-index: 9999;
        position: relative;
    }
    
    #section-bouton-pays .js-tooltip {
        margin-top: 15px;
        float: left;
        margin-right: 0;
    }
    
    .menu-haut .contenu ul.menu-pays 
    {
        display:none;
    }
    
    #section-bouton-pays .simple-tooltip-container 
    {
        padding-left: 0;
        width: inherit!important;
    }
    
    .contenu-entete .menu-haut {
        z-index: 9998;
        width: 700px;
    }
    
/*
    .menu-pays li,
    .contenu-entete .menu-haut .menu-pays li
    {
         width: 18px;   
         padding: 0;
         padding-top: 11px;
         margin-right: 5px;
    }
  */      
    .menu-pays img 
    {
         width: 100%;   
    }
    
    .contenu-entete .lien-icone 
    {
        z-index: 9998;
    }
   
}


@media (min-width: 1201px)
{
    .menu-pays-btn {
        right: 480px;
    }
    #section-bouton-pays 
    {
        padding-right: 88px;
        left: 356px;
    }
}

.menu-pays img {
    /*width: 18px;*/
    height: auto;
}

#section-bouton-pays a.js-tooltip {
    float: left;
}

@media (max-width: 991px) 
{
	.contenu-entete .logo{
        position: absolute;
        top: 0;
        left: 0;
        float: left;
        margin-top: -2px;
        margin-left: 30px;
        z-index: 9999;
    }
	
    .menu-principal #main-menu a{
        padding: 17px 6px 12px 6px;
    }
    
    .menu-principal #main-menu li li a, .menu-principal #main-menu li li a:hover, .menu-principal #main-menu li li a:focus{
        padding: 14px 22px;
		color: #fff;
    }
    
	.menu-principal #main-menu li li li a, .menu-principal #main-menu li li li a:hover, .menu-principal #main-menu li li li a:focus{
		color: #14286e;
    }
	
    .menu-principal .fa-bars{   
        color: #14286e;
    }
    
    .menu-principal.mode-menu-pays.ouvert .fa-bars {
        color: #62504a;
    }
    .menu-principal.mode-menu-principal.ouvert #main-menu-btn-background
    {
        background-color: #14286e;
    }
    
    .contenu-entete .menu-principal.mode-menu-pays .menu-haut{
        background-color: #fff;
        border-top: 1px solid rgba(0,0,0,0.2);
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    
    .menu-principal.mode-menu-pays #main-menu,
    /*.menu-principal.mode-menu-principal .menu-pays,*/
    .menu-principal.mode-menu-pays .menu-sites
    {
        display: none;   
    }
    .lien-icone .medias-sociaux-lien {
        border-radius: 0;
        width: 28px;
        height: 28px;
        padding: 0;
        margin-left: 0;
        margin-right: 5px;
    }
    
    .menu-pays-btn
    {
        display: inline-block;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        position: absolute !important;
        top: 14px;
        right: 100px;
        font-size: 2em !important;
    }
    
    .menu-pays-btn
    {
       color: #62504a!important;
    }
    
    .menu-pays-btn i
    {
        float: left;
    }
    
    .mode-menu-pays.ouvert .menu-pays-btn
    {
        color: #0181a1 !important;
    }
    
    .icone-pays
    {
        font-size: 2em;
    }
    
    #section-bouton-pays {width: 100%;}
    #menu-drapeau-courant {display: block; position: relative; top: -38px; text-align: right; margin-right: 145px; margin-left: auto;}

    
    #section-bouton-pays {
        float: left;
        width: 100%;
        margin-top: -44px;
    }
    
    
    #section-bouton-pays .js-dialogtooltip {
        top: 50px;
    }
    
    /* Stroke */
    #section-bouton-pays .js-dialogtooltip:before {
        left: auto;
        right: 135px;
    }

    /* Fill */
    #section-bouton-pays .js-dialogtooltip:after 
    {
        left: auto;
        right: 136px;
    }
    
    #main-menu-container.pays #main-menu,
    #main-menu-container.pays .menu-sites
    {
        display:none;
    }
    
    .sm-blue ul li {
		border-top: 1px solid #fff;
	}
	
	.sm-blue ul li li {
      border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
   
    .sm-blue li ul ol li
    {
        padding-left: 40px;
    }
    
    #section-bouton-pays a.js-tooltip 
    {
        float: right;
        margin-right: 138px;
    }
    .sm-blue ul ul {
        width: 100%!important;
        max-width: none!important;
    }
    
    .sm-blue ul ul {
      background: rgba(102, 102, 102, 0.1);
      margin-left:0!important;
    }
    
}
/*
#section-bouton-pays a.js-tooltip {
    float: left;
}
*/
#section-bouton-pays .simple-tooltip-container {
    position: relative;
    float: left;
    width: 100%;
}

.menu-pays
{
    float: left;
    width: 50% !important;
}

.menu-pays img 
{
    width: 25%;
    padding-top: 5px; 
}
/*    
.menu-haut .contenu > ul.menu-pays >li > a 
{
    border-bottom: none;
}
  */  
.contenu-entete ul.menu-pays li
{
    height: auto;
    padding: 0 4px 0 0;
    float: left;
    width: 100%;
    position: relative;
}
.contenu-entete ul.menu-pays li a {
    float: left;
    width: 100%;
}

#section-bouton-pays .popup {
    float: left;
    width: 100%;
}

#section-bouton-pays .simple-tooltip-tooltip 
{
    background: #fff;
    float: left;
    width: 50%;
}

.menu-pays .texte-pays {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    padding-left: 10px;
    font-size: 0.8em;
    font-weight: bold;
}

.menu-pays a, .menu-pays a:link {
    text-decoration: none!important;
    color: #474747;
}

@media (min-width: 992px) {
    #section-bouton-pays .simple-tooltip-tooltip 
    {
        margin-top: 20px;
        left: -106px;
        width: 400px;
        top: 36px;
    }
	#main-menu {
		bottom: 10px;
	}
}

@media (max-width: 767px) {
	.contenu-entete .logo {
		margin-top: -2px;
		margin-left: 10px;
	}
	#section-bouton-pays a.js-tooltip {
		margin-right: 118px;
	}
	/* Stroke */
    #section-bouton-pays .js-dialogtooltip:before {
        left: auto;
        right: 115px;
    }

    /* Fill */
    #section-bouton-pays .js-dialogtooltip:after 
    {
        left: auto;
        right: 116px;
    }
}

@media (max-width: 691px) {
    #section-bouton-pays .simple-tooltip-tooltip 
    {
        width: 100%;
    }
      #menu-drapeau-courant {top: -40px;}
}