body {
       background: url(../../img/image/background.png) no-repeat top center;
       background-color: #f7f6f6;
   }
   
   header {
       margin-left: auto;
       margin-right: auto;
       width: 65%;
   }
   
   .acticle-display a,
   .time,
   .forwad-link a {
       color: #2b72a5!important;
   }
   
   .logo-container {
       position: relative;
       /* width: 100%;
   /* height: @header_height;
    margin: 0px auto 0px auto;*/
       /* background: url(../../img/image/images_encart.jpg) no-repeat right 10px; */
   }
   /*
  
    @media (min-width: 768px) {
    header {
      max-width: 720px; } 
    }
    @media (min-width: 992px) {
    header {
      max-width: 960px; } 
    }
    @media (min-width: 1200px) {
    header {
      max-width: 1140px;
     } 
    }
*/
   /*  Small devices (landscape phones, 576px and up) */
   
   @media (min-width: 576px) {}
   /* Medium devices (tablets, 768px and up) */
   
   @media (min-width: 768px) {
       .navbar a {
           float: left;
           font-size: 1rem;
           color: white;
           text-align: center;
           padding: 5px 16px;
           text-decoration: none;
       }
   }
   /* Large devices (desktops, 992px and up) */
   
   @media (min-width: 992px) {
       .navbar a {
           float: left;
           font-size: 1rem;
           color: white;
           text-align: center;
           padding: 5px 16px;
           text-decoration: none;
       }
   }
   /* Extra large devices (large desktops, 1200px and up) */
   
   @media (min-width: 1200px) {
       .navbar a {
           float: left;
           font-size: 1rem;
           color: white;
           text-align: center;
           padding: 5px 16px;
           text-decoration: none;
       }
   }
   
   @media only screen and (max-width:768px) {
       header {
           margin-left: auto;
           margin-right: auto;
           width: 100%;
       }
       .slide-box {
           height: 150px;
       }
   }
   
   @media only screen and (max-width:992px) {
       header {
           margin-left: auto;
           margin-right: auto;
           width: 100%;
       }
       .slide-box {
           height: 120px;
       }
   }
   
   @media only screen and (max-width:1900px) {
       header {
           margin-left: auto;
           margin-right: auto;
           width: 100%;
       }
       .slide-box {
           height: 120px;
       }
   }
   /*======================================================================================================================= 
    CSS POUR LE HEADER
*======================================================================================================================= */
   
   .navbar {
       padding: 0px;
       margin: 0px;
       background: #3ea708;
       background: -moz-linear-gradient(top, #3ea708 0, #3ea708 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3ea708), color-stop(100%, #3ea708));
       background: -webkit-linear-gradient(top, #3ea708 0, #3ea708 100%);
       background: -o-linear-gradient(top, #3ea708 0, #3ea708 100%);
       background: -ms-linear-gradient(top, #3ea708 0, #3ea708 100%);
       background: linear-gradient(to bottom, #3ea708 0, #3ea708 100%);
       box-shadow: #ddd 5px 5px 5px;
   }
   
   .navbar-nav {
       margin-left: auto;
       margin-right: auto;
       /*width: 55%;*/
   }
   
   .nav-item a {
       color: rgb(248, 245, 245) !important;
       text-transform: uppercase;
   }
   
   .dropdown {
       float: left;
   }
   
   .dropdown .dropbtn {
       font-size: 16px;
       border: none;
       outline: none;
       color: white;
       padding: 3px 16px;
       background-color: inherit;
       font-family: inherit;
       margin: -10px;
       text-transform: uppercase;
   }
   /*
.navbars a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

*/
   
   .dropdown-content {
       display: none;
       position: absolute;
       background-color: #0061a8;
       min-width: 160px;
       box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
       z-index: 2;
   }
   
   .dropdown-toggle:after {
       content: none
   }
   
   .dropdown-content a {
       float: none;
       color: black;
       padding: 0px 16px;
       text-decoration: none;
       display: block;
       text-align: left;
       font-size: 1em;
   }
   
   .dropdown-content a:hover {
       background-color: #3ea708;
   }
   
   .dropdown:hover .dropdown-content,
   .dropdown:hover~.dropdown-menu,
   .dropdown-menu:hover {
       display: block;
       margin-top: 0px;
   }
   
   .menu_active {
       background: #0061a8;
       background: -moz-linear-gradient(top, #0061a8 0, #0061a8 100%)
   }
   
   .fa-home {
       font-size: 1.5em;
   }
   
   .nav-item {
       padding-left: 1em;
       padding-right: 1em;
       margin-left: 0.1em;
       margin-right: 0.1em;
   }
   
   .nav-item:hover {
       background: #0061a8;
   }
   
   .lang-flag li {
       display: inline-block!important;
       list-style: none!important;
       padding: 2px 5px;
   }
   
   .lang-flag li .active {
       display: inline-block!important;
       list-style: none!important;
       padding: 2px 5px;
       border: dashed 1px #0061a8;
   }
   /* ================================================================================================================================================= */
   /*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
   
   .form-control:focus {
       box-shadow: none;
   }
   
   .form-control-underlined {
       border-width: 0;
       border-bottom-width: 1px;
       border-radius: 0;
       padding-left: 0;
   }
   
   .custom-form-control {
       font-size: 16px !important;
       height: 30px;
       padding: 2px;
       border-radius: 5px;
       border-style: solid;
       border-width: 1px;
       border-color: rgb(58, 56, 56);
   }
   
   .d-width {
       width: 100%;
   }
   
   .slide-section {
       margin-left: auto;
       margin-right: auto;
       width: 62%;
   }
   
   .card-link_1 {
       background-color: #3ea708;
       color: #fff;
   }
   
   .card-link_2 {
       background-color: #0061a8;
       color: #fff;
   }
   
   .btn-custom {
       color: #ffffff;
       font-size: 1em;
   }
   /*
Card actualités css
*/
   
   .card-actualite {
       -webkit-box-shadow: 0px 10px 13px -7px #1d1818, 8px -1px 15px 5px rgba(238, 238, 238, 0.1);
       box-shadow: 0px 5px 7px -5px #000000, 8px -10px 15px 5px rgba(238, 238, 238, 0.1);
       padding: 10px;
       border: solid 1px #eeeeee;
   }
   
   .card-actualite h4 {
       color: #0061a8;
       padding: 15px 5px 0px 5px;
   }
   
   .custom-trait {
       border-color: #0061a8;
   }
   
   .text-left {
       text-align: left;
   }
   
   .text-right {
       text-align: right;
   }
   
   .footer-image div ul span {
       color: #FFFFFF;
       text-transform: uppercase;
       font-size: 0.8em;
       padding: 1px!important;
   }
   
   .footer-image div ul li {
       list-style: none;
       line-height: 1.2;
   }
   
   .footer-image div ul li a {
       color: #FFFFFF;
   }
   
   .footer-image div ul li {
       color: #FFFFFF;
       font-size: 0.8em;
   }
   
   .footer-colomn-2 ul li:nth-child(0),
   .footer-colomn-2 ul li:nth-child(1) {
       text-transform: uppercase;
       line-height: 1.5;
   }
   
   .footer-colomn-3 div span {
       text-transform: uppercase;
       color: #FFFFFF;
   }
   
   .footer-colomn-3 {
       padding-left: 20px;
   }
   
   .cadre-logo-facebook {
       padding: 5px 5px 5px 25px;
   }
   
   footer p {
       font-size: 0.7em
   }
   
   hr {
       margin-top: 0rem;
       margin-bottom: 1rem;
   }
   
   .card-partenaires .row div span {
       color: #3ea708;
       text-transform: uppercase;
       text-align: center;
       font-size: 1.2em;
   }
   
   .card-partenaires .row div hr {
       border-color: #3ea708;
   }
   
   .card-partenaires .row div {
       padding-left: 20px;
   }
   
   .live_277_sondage_ok button {
       background-color: #0061a8;
       color: #FFFFFF;
       font-size: 1em;
       padding: 2px 10px;
   }
   
   .vline {
       border-right: 0.16em solid rgb(255, 255, 255);
       height: 100%;
   }
   /**/
   
   #currency_converter_menu_links {
       display: none;
   }
   
   #curr_amount {
       width: 103%;
       border-radius: 3px;
       height: 23px;
   }
   
   #currency_calc_from,
   #currency_calc_to {
       width: 100%;
       border-radius: 3px;
       height: 23px;
   }
   
   #calculator_subscribe {
       width: 100%;
       background: rgb(136, 196, 241);
       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YzRmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTZmYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
       background: -moz-linear-gradient(top, rgba(136, 196, 241, 1) 0%, rgba(33, 111, 171, 1) 100%);
       background: -webkit-linear-gradient(top, rgba(136, 196, 241, 1) 0%, rgba(33, 111, 171, 1) 100%);
       background: linear-gradient(to bottom, rgba(136, 196, 241, 1) 0%, rgba(33, 111, 171, 1) 100%);
       filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=’#88c4f1’, endColorstr=’#216fab’,GradientType=0 )';
       border: 1px solid #FFF;
       color: #000 !important;
       font-weight: bold;
       padding: 3px 0;
       font-size: 15px;
   }
   
   #live_277_sondage_ok input[type="submit"] {
       padding: 4px 10px 5px 30px;
   }
   
   .btns {
       position: relative;
       float: right;
       margin-top: -40px !important;
       margin-right: 0px !important;
       padding: 10px 20px 10px 12px !important;
   }
   
   .bg .news-content {
       width: 332px;
       margin-bottom: 0 !important;
   }
   
   #live_282 {
       float: right;
   }
   
   #cherche_contenu {
       width: 162px;
   }
   
   #live_162 input[type="submit"] {
       background: rgb(255, 255, 255);
       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ4ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
       background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(214, 216, 220, 1) 100%);
       background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(214, 216, 220, 1) 100%);
       background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(214, 216, 220, 1) 100%);
       filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#d6d8dc’,GradientType=0 )';
       color: #252a2b !important;
       font-size: 12px !important;
       padding: 4px 7px;
       margin: 0 0 0 3px !important;
       border: 1px solid #c8c7c6;
       border-radius: 4px !important;
   }
   /**
 PAGE D'ACTUALITES
*/
   
   .actualite-heading-section {
       margin-left: 100px;
   }
   
   .actualite-heading-section h3 {
       color: #0061a8;
       font-weight: 500;
   }
   /* ======================================================
              CONVERTER
=========================================================*/
   
   #currency_converter .page_header {
       margin-left: -5px;
       display: block;
       float: left;
       width: 100%;
       background-color: #02406C;
       color: #FFF;
       text-align: center;
       line-height: 25px;
       padding-bottom: 6px;
       border-bottom: 1px solid #FFF;
       font-family: Verdana, Geneva, sans-serif;
       font-size: 16px;
       text-transform: capitalize;
   }
   
   .form_input .form-control {
       height: 2vw!important;
       font-size: 0.9vw;
   }
   
   #calculator_subscribe {
       background-color: #2b72a5!important;
       cursor: pointer;
   }
   
   .form_table .form-group {
       margin-bottom: 0.5rem!important;
       width: 100%
   }
   
   #currency_converter .form_table {
       margin-left: -5px;
       display: block;
       color: #fff;
       float: left;
       width: 100%;
       font-size: 1em;
       line-height: 1;
       padding: 10px;
       background: rgb(48, 98, 135);
       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNjI4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzA2Mjg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyNDA2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
       background: -moz-linear-gradient(top, rgba(48, 98, 135, 1) 0%, rgba(48, 98, 135, 1) 0%, rgba(2, 64, 108, 1) 100%);
       background: -webkit-linear-gradient(top, rgba(48, 98, 135, 1) 0%, rgba(48, 98, 135, 1) 0%, rgba(2, 64, 108, 1) 100%);
       background: linear-gradient(to bottom, rgba(48, 98, 135, 1) 0%, rgba(48, 98, 135, 1) 0%, rgba(2, 64, 108, 1) 100%);
       filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#306287, endColorstr=#02406c, GradientType=0);
   }
   
   .asidebox {
       width: 306px;
       -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 1, 1, 0.17);
       -moz-box-shadow: 5px 3px 3px 0px rgba(0, 1, 1, 0.17);
       box-shadow: 5px 3px 3px 0px rgba(0, 1, 1, 0.17);
       min-height: 238px;
   }
   
   #currency_converter_menu_links {
       display: none;
   }
   
   #curr_amount {
       width: 103%;
       border-radius: 3px;
       height: 23px;
   }
   
   #currency_calc_from,
   #currency_calc_to {
       width: 100%;
       border-radius: 3px;
       height: 23px;
   }
   
   #calculator_subscribe {
       width: 100%;
       background: rgb(136, 196, 241);
       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YzRmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTZmYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
       background: -moz-linear-gradient(top, rgba(136, 196, 241, 1) 0%, rgba(33, 111, 171, 1) 100%);
       background: -webkit-linear-gradient(top, rgba(136, 196, 241, 1) 0%, rgba(33, 111, 171, 1) 100%);
       background: linear-gradient(to bottom, rgba(136, 196, 241, 1) 0%, rgba(33, 111, 171, 1) 100%);
       filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=#88c4f1, endColorstr=#216fab, GradientType=0);
       border: 1px solid #FFF;
       color: #000 !important;
       font-weight: bold;
       padding: 3px 0;
       font-size: 15px;
   }
   /* =====================================================================================================================================
          PAGE CSS
   ===================================================================================================================================== */
   
   .page-content {
       font-size: 1em;
   }
   
   .page-content h4 {
       color: #3ea708;
   }
   
   .footer-3 ul {
       margin-top: 20px;
       margin-left: -10px;
   }
   
   .footer-3 ul li {
       background-color: #3ea708;
       padding: 5px;
       margin-top: 5px;
       font-size: 18px;
   }
   
   .footer-3 ul li a {
       font-size: 1.3em;
   }
   /** ===================================================================================================================================
                      
    ===================================================================================================================================**/
   
   .side-pane {
       background-color: #FFFFFF;
       box-shadow: #FFF 2px 2px;
       border-radius: 10px;
   }
   
   .side-pane {
       padding-top: 10px;
       padding-left: 20px;
       padding-right: 20px;
   }
   
   .side-pane-link {
       padding: 2px 5px;
       background-color: darkgray;
       box-shadow: #ddd 2px 2px;
       cursor: pointer;
       border-radius: 5px;
       margin: 10px 2px;
   }
   
   .side-pane-link:hover {
       padding: 2px 5px;
       background-color: #2b72a5;
       box-shadow: #ddd 2px 2px;
       cursor: pointer;
       border-radius: 5px;
       margin: 10px 2px;
   }
   
   .blue-background {
       background-color: #2b72a5;
       border-radius: 10px;
       padding: 5px;
   }
   
   .blue-background h4 {
       color: #FFFFFF;
       padding: 5px;
   }
   
   .white-background {
       background-color: #FFFFFF;
       padding: 10px;
   }
   /** ===================================================================================================================================
                      PAGE DE CONTACTS
    ===================================================================================================================================**/
   
   .contact-us-card {
       border: solid 1px #c8c7c6;
       background-color: #FFFFFF;
       box-shadow: #c8c7c6 2px 2px 2px;
   }
   
   .btn-primary-b {
       background-color: #0061a8;
       color: #FFFFFF;
   }
   
   .btn-primary-b:hover {
       background-color: #02406C;
       color: #FFFFFF;
   }
   
   .wait {
       cursor: wait;
   }
   /* ------------------------------------------------------------------------------------------------------------------------------------**/