/*************************************************************************************************
header 
*************************************************************************************************/
#headerSite nav {background-color: #161f71 !important;top: 0;left: 0;right: 0;height: 60px}

  /* nav header
  -----------------------------------------------------------------------*/
  /*#navHeader{}*/

    /* btn home 
    ------------------------- */
    #btnHome img{width: 250px;}
    @media screen and (max-width: 1199px){
      #btnHome img{width: 200px;}
    }

    /* button burger menu 
    ------------------------- */
    #navHeader #btnMenuHeader{color: white;border : 1px solid white ;background: transparent;}
    #navHeader #btnMenuHeader .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    #navHeader .navbar-toggler {padding:0 5px !important;}
    #navHeader .navbar-toggler:hover {box-shadow: 0 0 0 .10rem !important;}
    #navHeader .navbar-toggler:focus {box-shadow: 0 0 0 .10rem !important;}

    /* nav menu header 
    ------------------------- */
    /*#navMenuHeader{}*/
      #navMenuHeader li{margin: 0 5px;}
        /*#navMenuHeader li:after {content:"|";color: white;padding: 0;}*/
        /*#navMenuHeader li:after {content: "";border-right:  1px solid white}*/
        #navMenuHeader>ul>li{height:35px;z-index: 9;}
        #navMenuHeader>ul>li>a {color: #fff;position: relative;font-size: 0.9rem;}
        #navMenuHeader>ul>li>a:hover{color: #f0e6d1;}
        #navMenuHeader>ul>li>a:focus{color: #f0e6d1;}
        #navMenuHeader>ul>li>ul>li>a {color: #161f71;font-size: 0.9rem;}
        #navMenuHeader>ul>li>ul>li>a:hover{color: #161f71 !important;background: #e9ecef !important;}
        #navMenuHeader>ul>li>ul>li>a:focus{color: #161f71 !important;background: #e9ecef !important;}
        /*#navMenuHeader li a:after {content: "|";color: white;padding: 0;position: absolute;right: -15px;}*/

          /* nav flag btn */
          /*#navMenuHeader #navFlagBtn{}*/

          /* btn flag */
          .btnFlag{margin:5px;}
          .btnFlag:hover{filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}

          /* btn nav */
          #navMenuHeader .btnNav{list-style: none;margin: 0;padding: 0;display: inline-block;}
          #navMenuHeader .btnNav{border: 1px solid white;color: white;background-color: transparent;border-radius: 10px;padding: 5px 10px 5px 10px;text-decoration: none;vertical-align:middle;}
          #navMenuHeader .btnNav:hover{color: #161f71;background-color: white;}

          #navMenuHeader .btnNav img{width: 20px;height: 20px;border-radius: 100px;margin-right: 5px;}
          #navMenuHeader .btnNavIcon{color: white;font-size: 1.5rem;vertical-align:middle;}

/*        @media screen and (max-width: 991px){*/
        @media screen and (max-width: 1201px){
          #navMenuHeader{background-color: #161f71;padding: 15px 15px 15px 15px;position: absolute;left: 15px;right: 15px;top: 60px;}
          #navMenuHeader>ul{margin-top: 0 !important;}
            #navMenuHeader>ul>li{display: block;height:auto;}
            #navMenuHeader li a:after {content: "";}

          #navMenuHeader #liFlag{display: none;}
          #navMenuHeader #liConnexion{text-align: right;margin: 10px 5px 0;width: auto;float: right}
          /*#navMenuHeader #liUser{position: absolute;bottom: 15px;right: 15px;width: auto;}*/
          #navMenuHeader #liUser{text-align: left;margin-top: 10px;z-index: 8;}
        }

    /* badge menu
    ------------------------- */
    .badgeMenu{background : green; display: none; margin: 5px; height: 10px; width: 10px; position: absolute; top: -3px; left: -5px; border-radius: 50%}
   

/*************************************************************************************************
PAGE INT 
*************************************************************************************************/
/* header Page Int 
------------------------------------------------------------------------------------*/
#headerPageInt{padding-top: 60px;}
#headerPageInt div{max-width: 900px;}
#headerPageInt h1{text-align: center;}
.chapeau{font-weight: 300;font-size: 0.95rem;font-style: italic;line-height: 1.3rem;text-align: center;}



/*************************************************************************************************
footer 
*************************************************************************************************/
#footerSite{z-index: 99;position: relative;}

  /* footer 1 */
  #footerSite1{background: #6C7DB0;}
    .titleFooter{color: white;font-size: 2.0rem;line-height: 2.2rem;font-weight: 600;}
    /*#footerSite1 .colLeft{}*/
      #btnHomeFooter{display: block;margin: auto;text-align: center;}
        #btnHomeFooter img{width: 200px;}
    /*#footerSite1 .colMiddle{}*/
      #footerSite1 .colMiddle{border-right : dotted 1px #FCF2E1}
    /*#footerSite1 .colRight{}*/
      #footerSite1 .colRight ul{margin: 0; padding: 0;}
        #footerSite1 .colRight ul li{margin: 0; padding: 0;display: block;color: white;}
          #footerSite1 .colRight ul li a{color: white;display: block;text-decoration: none;}
          /*#footerSite1 .colRight ul li a:hover{border-right: 1px solid white;}*/

  @media screen and (max-width: 767px){
  #footerSite1 .colMiddle{border-right : 0;}
  }

  /* footer 2 */
  #footerSite2{background: #1F234D;}
    #footerSite2 ul{display: block;margin: 0;padding: 0;text-align: center;}
      #footerSite2 ul li{display: inline-block;margin: 0;padding: 0;color: white;}
        #footerSite2 ul li i{margin: 10px;}
        #footerSite2 ul li a{color: white;text-decoration: none;}
        #footerSite2 ul li a:hover{text-decoration: underline;}