@viewport {
    width: device-width;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/templates/purity_iii/fonts/material-icons/MaterialIcons-Regular.ttf);
    /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(/templates/purity_iii/fonts/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {

    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
 font-family: 'Marianne';
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-regular-webfont.eot');
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-regular.woff') format('woff'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-regular.woff2') format('woff2'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-Regular.ttf') format('truetype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-regular-webfont.svg#Marianne-Regular') format('svg'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-regular.otf') format('opentype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-regular-webfont.eot') format('embedded-opentype');
 font-display: fallback;
}
@font-face {
 font-family: 'Marianne';
 font-weight: bold;
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-bold-webfont.eot');
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-bold.woff') format('woff'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-bold.woff2') format('woff2'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-bold.ttf') format('truetype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-bold-webfont.svg#Marianne-Bolt') format('svg'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-bold.otf') format('opentype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-bold-webfont.eot') format('embedded-opentype');
 font-display: fallback;
}
@font-face {
 font-family: 'Marianne';
 font-weight: 100;
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-light-webfont.eot');
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-light.woff') format('woff'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-light.woff2') format('woff2'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-light.ttf') format('truetype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-light-webfont.svg#Marianne-Light') format('svg'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-light.otf') format('opentype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-light-webfont.eot') format('embedded-opentype');
 font-display: fallback;
}
@font-face {
 font-family: 'Marianne';
 font-weight: 500;
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-medium-webfont.eot');
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-medium.woff') format('woff'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-medium.woff2') format('woff2'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-medium.ttf') format('truetype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-medium-webfont.svg#Marianne-Medium') format('svg'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-medium.otf') format('opentype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-medium-webfont.eot') format('embedded-opentype');
 font-display: fallback;
}
@font-face {
 font-family: 'Marianne';
 font-weight: 200;
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-thin-webfont.eot');
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-thin.woff') format('woff'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-thin.woff2') format('woff2'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-thin.ttf') format('truetype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-thin-webfont.svg#Marianne-Thin') format('svg'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-thin.otf') format('opentype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-thin-webfont.eot') format('embedded-opentype');
 font-display: fallback;
}
@font-face {
 font-family: 'Marianne';
 font-weight: 800;
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-extrabold-webfont.eot');
 src: url('/templates/purity_iii/fonts/font-marianne/marianne-extrabold.woff') format('woff'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-extrabold.svg') format('woff2'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-extrabold.ttf') format('truetype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-extrabold.svg#Marianne-ExtraBold') format('svg'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-extrabold.otf') format('opentype'),
 url('/templates/purity_iii/fonts/font-marianne/marianne-extrabold-webfont.eot') format('embedded-opentype');
 font-display: fallback;
}

@media print{
    .t3-footer{
        display: none;
    }
}

h1 {
    font-size : 2.5rem;
    font-weight: bold;
}

h2 {
    font-size : 2rem;
    font-weight: bold;
}

h3 {
    font-size : 1.5rem;
    font-weight:bold;
}

h4 {
    font-size : 1.25rem;
    font-weight: bold;
    color: #D4401B;
}

* {
    font-family: 'Marianne', 'Arial', sans-serif;
    font-size: 100%
}

h1, h2, h3 {
    font-family: 'Marianne', 'Arial', sans-serif;
    color: #000000;
}

select {
    font-family: 'Marianne', 'Arial', sans-serif;
}

body {
    padding-top: 0px;
    font-size: 16px;
}

html {
    font-size: 16px;
}

a {
    color: #000091;
}

.disabled-link {
  color: gray;
  text-decoration: underline;
}
.disabled-link:hover,
.disabled-link:focus {
  color: gray !important;
  cursor: default !important;
}

.page-loader {
  border: 16px solid #f3f3f3;
  border-top-color: rgb(243, 243, 243);
  border-top-style: solid;
  border-top-width: 16px;
  border-top: 16px solid #ef7a2c;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: "center";
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin-top: 5%;
}

.loader-container {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: auto;
}

.btn-primary-v2 {
    width: auto !important;
    height: 32px !important;
    background-color: #D4401B !important;
    border: 1px solid #D4401B !important;
    font-size: 1em !important;
    font-family: 'Marianne', 'Arial', sans-serif !important;
    line-height: 12px !important;
    border-radius: 6px !important;
    padding: 8px 12px 8px 12px !important;
    min-width: 80px !important;
    min-height: 32px !important;
    max-height: 50px !important;
    color: #FFFFFF !important;
}

.btn-primary-v2:hover {
    background-color: #f3c6bd !important;
    filter: brightness(90%) !important;
    color: #FFFFFF !important;
}

.btn-v2 {
    -webkit-border-radius: inherit;
    width: auto !important;
    height: 32px !important;
    font-size: 1em !important;
    font-family: 'Marianne', 'Arial', sans-serif !important;
    line-height: 12px !important;
    border-radius: 6px !important;
    padding: 8px 12px 8px 12px !important;
    min-width: 80px !important;
    min-height: 32px !important;
    max-height: 50px !important;
}

.btn-default-v2 {
    width: auto !important;
    height: 32px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D4401B !important;
    font-size: 1em !important;
    font-family: 'Marianne', 'Arial', sans-serif !important;
    line-height: 12px !important;
    border-radius: 6px !important;
    padding: 8px 12px 8px 12px !important;
    min-width: 80px !important;
    min-height: 32px !important;
    max-height: 50px !important;
    color: #D4401B !important;
}

.btn-default-v2:hover {
    background-color: #D4401B !important;
    color: #FFFFFF !important;
}

header#t3-mainnav {
    height: 185px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.main_header,
.main_header .main_header_content h1,
.main_header .main_header_content h2,
.main_header .main_header_content h3,
.main_header .main_header_content p,
section#featuresSection p,
section#featuresSection h3,
section#featuresSection h2,
section#featuresSection h1,
section#SimpleSection p,
section#SimpleSection h3,
section#SimpleSection h2,
section#SimpleSection h1,
section#CommentMarcheSection p,
section#CommentMarcheSection h3,
section#CommentMarcheSection h2,
section#CommentMarcheSection h1 {
    color: black;
}


a {
    font-size: 1rem;
    color: #000091;
text-decoration:underline;
}

a:hover {
text-decoration: none;
}
a:visited {
color: #40605B;
}
a[disabled], a[disabled]:hover {
color: #6a6a6a;
text-decoration:underline;
}
i, a > span.material-icons {
font-size:0.85rem;
display:inline-flex;
}

.lien_fichier:hover {
    transition-duration: 0s !important;
}

.lien_fichier{
    text-decoration: underline;
}

.img_lien-ext img {
    max-width: 60%;
}



/*  Header */

#main_header {
    min-height: 250px;
    padding-top: 2%;
    padding-bottom: 90px;
    background-color: #f3c6bd;
}

#t3-mainnav .logo-image,
.footer_container .logo-image {
    float: left;
}

#t3-mainnav .logo-image {
    height: 138px;
}

.footer_container .logo-image {
    height: 117px;
}


/* Megamenu.css */

#main-menu {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 50;
}

#main-menu .responsive-link {
    display: none;
}

#main-menu .nav>li>.separator {
    line-height: 40px;
}

.nav>a,
.nav .open>a:hover,
.nav .open>a:focus,
#menu_responsive .open>a:active {
    background-color: #D4401B
}

.right-head-menus .nav .open>a,
.right-head-menus .nav .open>a:hover,
.right-head-menus .nav .open>a:focus {
    background-color: #ffffff;
}

.nav>li>a .nav>li>a:active,
.nav>li>a:hover,
.nav>li>a:focus {
    background-color: #D4401B;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #D4401B;
}

.t3-navbar .nav>li>a,
.t3-navbar .nav>li>a:hover,
.t3-navbar .nav>li>a:focus {
    background-color: #D4401B;
}

.t3-navbar .t3-megamenu .t3-module .module-title:hover,
.t3-navbar .t3-megamenu .t3-module .module-title:active,
.t3-navbar .t3-megamenu .t3-module .module-title:focus {
    background: #D4401B;
    color: inherit;
}

.t3-navbar .t3-megamenu .mega-nav>li.open>a,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li.open>a {
    background: #D4401B;
}

.t3-navbar .t3-megamenu .mega-nav>li.active>a,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li.active>a {
    color: #ffffff;
    background: #D4401B;
}

.t3-navbar .t3-megamenu .mega-nav>li.open>a,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li.open>a {
    background: #D4401B;
}

.t3-navbar .t3-megamenu .mega-nav>li.active>a,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li.active>a {
    color: #ffffff;
    background: #D4401B;
}

.t3-navbar .t3-megamenu .row+.row {
    padding-top: 10px;
    border-top: 0px solid #515151;
}

.t3-navbar .t3-megamenu .mega-nav>li,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li {
    border-bottom: 0px solid #515151;
}

.t3-navbar .t3-megamenu .mega-nav>li:first-child,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li:first-child {
    border-top: 0px solid #515151;
}

.t3-wrapper .t3-navbar .level0 li,
.t3-wrapper .t3-navbar .level0 li:hover,
.t3-wrapper .t3-navbar .level0 li.open>a,
.t3-wrapper .t3-navbar .level1 li{
    background: #D4401B;
}

.t3-wrapper.t3-megamenu .mega-dropdown-menu {
    font-size: 16px;
    background-color: #D4401B;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

#t3-mainnav .t3-navbar .level1 li {
    border-right: 0 none;
}

.nav .open>a:hover,
.nav .open>a:focus,
.nav .open>a:active {
    background-color: #D4401B;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-collapse,
.dropdown-menu {
    background-color: orange;
}

.t3-wrapper .t3-navbar li.active>a {
    color: #ffffff;
}

#t3-mainnav .logo-image {
    padding-left: 18px;
}

.t3-mainnav .t3-navbar {
    float: left;
    padding-top: 0px;
    width: 100%;
}

#t3-mainnav .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    background-color: white;
}

#t3-mainnav {
    height: 124px;
    background: -moz-linear-gradient(top, #ffffff 0, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
}

a#apis-table_previous.disabled:hover {
    background: none !important;
}

.navbar-collapse,
.dropdown-menu {
    background-color: #D4401B;
}

.t3-wrapper .header_container .t3-navbar .navbar-nav.level0>li {
    background: transparent;
    padding-top : 9px;
}

.t3-wrapper .t3-navbar .navbar-nav.level0>li::after,
.t3-wrapper .t3-navbar .navbar-nav.level0>li>a::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 0;
    opacity: 1;
    height: 2px;
}

.t3-wrapper .t3-navbar ul.level0>li:not(.active):hover:after,
.t3-wrapper .t3-navbar ul.level0>li:not(.active):focus:after,
.t3-wrapper .t3-navbar ul.level0>li>a:focus:after {
    width: 80%;
    left: 10%;
    bottom: 4px;
    opacity: 1;
    background: #ffffff;
}

.t3-wrapper .t3-navbar ul.level0>li.current:after {
    width: 80%;
    left: 10%;
    bottom: 4px;
    opacity: 1;
    background: #ffffff;
}

.t3-wrapper .t3-navbar ul.level0 a.dropdown-toggle {
    pointer-events: none;
    cursor: none;
}

.t3-wrapper .t3-navbar ul.level0 span.dropdown-toggle.separator {
    pointer-events: none;
    cursor: none;
}

.t3-wrapper .t3-navbar {
    padding-left: 45px;
    padding-right: 48px;
    min-height : 58px !important;
}

.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
}

.t3-navbar .navbar-nav {
    margin-left: auto;
    margin-right: auto;
}

.t3-navbar .t3-megamenu .mega-dropdown-menu {
    font-size: 16px;
    background-color: #D4401B;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}


.t3-navbar .t3-navbar .navbar-nav.level0>li ul.level1 {
    padding: 5px 0;
}

.t3-megamenu .mega-nav,
.t3-megamenu .dropdown-menu .mega-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.t3-navbar .t3-navbar .navbar-nav.level0>li ul.level1 {
    padding: 5px 0;
}

.t3-navbar .t3-navbar .navbar-nav.level0>li ul.level1 li {
    height: 35px;
}

.t3-navbar .t3-megamenu .mega-inner {
    padding: 0;
}

.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li>a {
    color: #ffffff;
}

.t3-navbar .mega-nav.level1 a {
    padding-top: 0;
    padding-bottom: 0;
}

.t3-navbar .t3-navbar li>a {
    padding-left: 0px;
    padding-right: 0px;
}

.t3-navbar .t3-navbar .navbar-nav.level0>li ul.level1 li>a {
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}

.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li>a:hover,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li>a:focus,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li>a:hover>span,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li>a:focus>span,
.t3-navbar .t3-megamenu .dropdown-menu .mega-nav>li.active>a {
    color: #ffffff;
    text-decoration: underline !important;
    background: #D4401B !important;
}

.t3-megamenu .mega-nav>li:first-child,
.t3-megamenu .dropdown-menu .mega-nav>li:first-child,
.t3-megamenu .mega-nav>li:first-child,
.t3-megamenu .dropdown-menu .mega-nav>li {
    border-top: none;
    border-bottom: none;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: transparent;
}

.t3-navbar .header_container .t3-navbar .navbar-nav.level0>li {
    background: transparent;
}

.t3-navbar .t3-navbar li:first-of-type.current.active {
    background: transparent;
}

.mega-col-nav {
    padding-left: 0px;
    padding-right: 0px;
}

.t3-wrapper .navbar-nav>li>a,
.t3-wrapper .navbar-nav>li>span {
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    font-weight: normal !important;
    font-family: 'Marianne';
    text-transform: uppercase;
    font-style : normal;
}

#t3-mainnav .navbar-header {
    float: none;
}

#t3-mainnav .navbar-header .container,
.t3-wrapper .navbar-header .container {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

.t3-wrapper .navbar-header .container {
    padding-top: 0px;
}

#t3-mainnav .navbar-header .container {
    width: 100%;
}


/* Menu header connexion */

.right-head-menus {
    padding-right: 60px;
    width: 100%;
    margin-top: -57px;
    top: -20px;
}


/* .navbar-header .nav>li>a:hover,
.navbar-header .nav>li>a:focus,
.nav>li>a:focus {
    background-color: #ffffff;
} */

.navbar-header .nav>li>a:hover,
.navbar-header .nav>li>a:focus {
    text-decoration: none;
    background-color: #ffffff;
}

.navbar-header .dropdown-menu>li>a:hover,
.navbar-header .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #D4401B;
    background-color: #ffffff;
}

.navbar-header .dropdown-menu {
    min-width: 100px;
    border-top: none;
    text-align: right;
}

.navbar-header .dropdown-menu>li:first-child {
    border-top: none;
}

.navbar-header .right-head-menus .nav .dropdown-menu li>a {
    padding: 5px 15px;
    border-left: none;
}

.nav.menu_connection>li>a,
.nav.menu_connection>li>a:hover,
.nav.menu_connection>li>a:focus {
    background: transparent;
}


/* Formulaires Portail */

#register-form select,
#change-password-users-form select,
#register-form textarea,
#change-password-users-form textarea,
#register-form input[type="text"],
#change-password-users-form input[type="text"],
#register-form input[type="password"],
#change-password-users-form input[type="password"],
#register-form input[type="datetime"],
#change-password-users-form input[type="datetime"],
#register-form input[type="datetime-local"],
#change-password-users-form input[type="datetime-local"],
#register-form input[type="date"],
#change-password-users-form input[type="date"],
#register-form input[type="month"],
#change-password-users-form input[type="month"],
#register-form input[type="time"],
#change-password-users-form input[type="time"],
#register-form input[type="week"],
#change-password-users-form input[type="week"],
#register-form input[type="number"],
#change-password-users-form input[type="number"],
#register-form input[type="email"],
#change-password-users-form input[type="email"],
#register-form input[type="url"],
#change-password-users-form input[type="url"],
#register-form input[type="search"],
#change-password-users-form input[type="search"],
#register-form input[type="tel"],
#change-password-users-form input[type="tel"],
#register-form input[type="color"],
#change-password-users-form input[type="color"],
#register-form .inputbox,
#change-password-users-form .inputbox,
#register-form .form-control,
#change-password-users-form .form-control {
    width: 100%
}


/* Connexion */

#t3-mainnav .navbar-nav>li>a {
    color: #ffffff;
    font-size: 16px;
    line-height: 64px;
    font-weight: 700 !important;
    font-family: 'Marianne', 'Arial', Regular;
}

#t3-mainnav .right-head-menus .t3-megamenu ul {
    width: auto;
    float: right;
}

#t3-mainnav .right-head-menus .nav li {
    margin-top: 10px;
}

#t3-mainnav .right-head-menus .nav li>a {
    height: 30px;
    font-size: 16px;
    padding: 8px 15px 10px 5px;
    font-weight: 300 !important;
}

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a {
    color: #000091;
}

#t3-mainnav .right-head-menus .navbar-nav>li {
    border-left: 1px #ccc solid;
    border-radius: 0px;
}

#t3-mainnav .right-head-menus .navbar-nav>li:first-child {
    border: none;
}

#t3-mainnav .right-head-menus .navbar-nav>li>a {
    line-height: 12px;
    margin-left: 10px;
}


/* #t3-mainnav .right-head-menus .navbar-nav>li.current.active, */

#t3-mainnav .right-head-menus .navbar-nav>li.seconnecter {
    height: 32px;
    line-height: auto;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
}


/* #t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li.current.active>a, */

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a.seconnecter {
    padding: 4px 15px 10px 0px;
    background-color: #D4401B;
    border-radius: 5px;
    border: none;
    color: #ffffff;
    height: 32px;
    margin-top: 4px;
    text-decoration: none;
}


/* #t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li.current.active>a:before, */

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a.seconnecter::before {
    content: url(/images/com_apiportal/menu/shape@3x.png);
    transform: scale(0.35);
    float: left;
    position: relative;
    top: -3px;
}

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li {
    height: 30px;
}

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a {
    display: flex;
    height: auto;
    font: normal normal normal 14px/22px Marianne;
    letter-spacing: 0px;
}

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a .caret {
    color: #515151;
    border-top-color: #515151;
    border-bottom-color: #515151;
    height: 9px;
    margin: 5px 0px 0px 8px;
}

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a>img {
    width: 30px;
}

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a>img,
#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a>span {
    display: block;
    float: right;
}

#t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li>a>span {
    margin-right: 10px;
}

#t3-mainnav .right-head-menus .t3-megamenu .mega-dropdown-menu {
    background-color: #ffffff;
    color: #515151;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#t3-mainnav .right-head-menus .t3-megamenu .mega-dropdown-menu .mega-nav a {
    font-size: 12px;
    color: #515151;
    margin-top: -5px;
    text-decoration: none;
}

#t3-mainnav .right-head-menus .t3-megamenu .mega-dropdown-inner ul li {
    text-align: left;
    position: relative;
    left: 0px;
    min-width: 120px;
}

#t3-mainnav .right-head-menus .t3-megamenu .mega-dropdown-menu {
    min-width: inherit;
    float: right;
}

#t3-mainnav .right-head-menus .t3-megamenu .dropdown-menu .mega-nav>li a:hover {
    background-color: #ffffff;
    color: #D4401B;
}

#t3-mainnav .right-head-menus .t3-megamenu .mega-nav>li.open>a,
#t3-mainnav .right-head-menus .t3-megamenu .dropdown-menu .mega-nav>li.open>a {
    background-color: #ffffff;
}

#reset-form fieldset .form-group:nth-child(3) {
    text-align: right;
}

#reset-form button.btn-primary {
    text-align: center;
    line-height: 30px;
}


/* Menu choix langues header right et footer */

.languageswitcherload {
    width: auto;
    padding-top: 5px;
}

.languageswitcherload .btn-group>.btn:first-child {
    margin-top: 0;
    border: none;
    background: #ffffff;
    box-shadow: none;

    font: normal normal normal 13px/16px Marianne;
    letter-spacing: 0px;
    color: #000000;
}

.languageswitcherload .btn-group>a:first-child {
    font-weight: bold;
}

.languageswitcherload .btn-group .dropdown-menu li {
    text-align: left;
}

.langue-version-footer li {
    padding-bottom: 0px;
}

.langue-version-footer .languageswitcherload {
    margin-top: -3px;
}

.right-head-menus .languageswitcherload {
    width: auto;
    padding-top: 11px;
}

.languageswitcherload .btn {
    padding: 6px 12px 5px 12px;
    vertical-align: center;
}

.languageswitcherload .mod-languages>div>a {
    display: flex;
}

.languageswitcherload .mod-languages>div>a img {
    margin: 0px 8px 0px 0px;
    height: 14px;
}

.languageswitcherload .mod-languages>div>a .caret {
    order: 3;
    margin: 5px 0px 0px 8px;
}

.langue-version-footer .languageswitcherload {
    float: left;
    padding-top: 0px;
}

div.langue-version-footer > div.language > div > div > div > ul {
    padding: 0px;
}

div.langue-version-footer > div.language > div > div > div > ul > li {
    padding: 0px;
}

.language p {
    float: left;
}

.langue-version-footer .language {
    display: inline-flex;
}

.lang-block.dropdown-menu, .dropdown-menu > li > a {
    font: normal normal normal 13px/16px Marianne;
    letter-spacing: 0px;
    color: #000000;
}

/* Sous menus Inscription + langues header / footer right */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 0px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu,
.dropdown-menu>li>a {
    background-color: #FFFFFF;
    border: none
}

.dropdown-menu>li {
    border-top: none;
}

.dropdown-menu>li>a {
    padding: 5px 0 5px 30px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #D4401B;
    background-color: #ffffff;
}

#register-form .input-group .form-control {
    position: initial;
}


/*   Footer   */

.footer_site {
    padding-left: 0px;
}

.langue-version-footer {
    clear: both;
    padding-top: 40px;
}

.footer_background {
    background-color: #FFF;
    margin-bottom: 25px;
    border-top: 1px solid #ebecee;
}

.logo_footer {
    padding-left: 50px;
}

.logo-image.logo-piste,
.footer_container .logo-piste {
    padding-top: 18px;
    padding-left: 22px;
}

.footer_container .logo-image.logo-piste img,
#t3-mainnav .logo-image.logo-piste img {
    position: relative;
}

#t3-mainnav .logo-image.logo-piste img {
    height: 22px;
}

.footer_container .logo-image.logo-piste img {
    height: 46px;
    left: 7px;
    top: 14px;
}

#t3-mainnav .logo-image.logo-piste img {
    left: -36px;
}

.logo-etiquette-france {
    height: 309px;
    position: relative;
    bottom: 110px;
    width: 577px;
    left: 46px;
    pointer-events: none;
}

#footer_partners {
    font: normal normal 500 18px/32px Marianne;
    letter-spacing: 0.04px;
    color: #000000;
    text-align: start !important;
    position: relative;
    left: 196px;
    width: 200px;
}


/* .footer_container a, */

.languageswitcherload a {
    /* color: #284861;*/
    font-weight: bold;
    font-size: 12px;
    line-height: 10px;
}

.footer_container a,
#home_container a,
.header a {
    text-decoration: underline;
    font: normal normal normal 16px/19px Marianne;
    letter-spacing: 0px;
    color: #000091;
    opacity: 1;
}

.api-lien{
    text-decoration: underline;
    color: #000091 !important;
    font-size: 16px !important;
    margin-right: 2%;
}

.api-lien:hover{
    text-decoration: none;
}

.questions a {
    text-decoration: underline;
    color: #000091;
}

.footer_container a:hover,
#home_container a:hover,
#home_container a:focus,
.questions button:hover {
    text-decoration: none;
}

.footer_container .fa.fa-external-link {
    font-size: 10px;
    color: #000091;
}

.footer_container img.external-link {
    color: #000091;
    height: 11px;
    margin-top: 5px;
    background:  0% 0% no-repeat padding-box;
}

.footer_container h3 {
    font: normal normal 500 18px/32px Marianne;
    letter-spacing: 0.04px;
    color: #000000;
}

.footer_container li img {
    padding-right: 3%;
    vertical-align: top;
}

.lang-block.dropdown-menu li.lang-active a {
    font-weight: 500;
    color: #D4401B;
}

.footer_container h2 {
    font: normal normal normal 16px/24px Marianne;
    letter-spacing: 0px;
    color: #676767;
}

.footer_list ul,
.footer_list ul li {
    margin-left: 0px;
    padding-left: 0px;
}

.footer_container .logo-image,
.footer_container .logo-piste {
    margin: 7px 0 0;
}

.langue-version-footer h2 {
    font-weight: 300;
    line-height: 1;
    margin-top: 0px;
}

.langue-version-footer h2 span {
    font: normal normal normal 13px/16px Marianne;
    letter-spacing: 0px;
    color: #000000;
}



.t3-footer h2 {
    padding-bottom: 0px;
    margin-bottom: 6px;
}

.auto{
    width: 90% !important;
}

/*  Home */

.asterisk{
    color: red;
}

.request-form-container{
    margin-left: 20% !important;
}

section .auto {
    margin: 0;
}

section#SimpleSection {
    background-color: #f5f7fa;
}

section #background_marketing {
    background: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    cursor: default;
    text-align: left;
    font-family: Arial-BoldMT, Arial;
    margin-bottom: 0px;
}

section .simple_et_securisee h1 {
    text-align: right;
}

section .simple_et_securisee_txt p {
    padding-top: 10px
}

.view-home main section {
    position: relative;
    z-index: 0;
    padding-top: 40px;
    padding-bottom: 55px;
    background-color: #f5f7fa;
}

.view-home #communitySection li,
.view-home #featuresSection li {
    border: none;
    position: relative;
    cursor: default;
    margin-right: 28px;
    margin-top: 10px;
    width: 100%;
}

.view-home #communitySection li>[role=region],
.view-home #featuresSection li>[role=region] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding: 21px;
    background-color: white;
    border: none;
    border-radius: 10px;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);
}

.view-home #featuresSection li>[role=region] h3 {
    color: #D4401B
}

.view-home #featuresSection ul {
    list-style: none;
    padding: 0;
    padding-top: 11px;
    /* margin: inherit;
    margin-left: 70px; */
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.view-home #communitySection li:hover svg path,
.view-home #featuresSection li:hover svg path {
    fill: #fff;
}

.view-home #sliderck93,
.view-home #sliderck96 {
    height: 284px;
    padding-top: 50px;
    margin-bottom: 25px;
    position: relative;
}

.view-home #sliderck93 .swiper-slide,
.view-home #sliderck96 .swiper-slide {
    width: 360px;
}

tr th{
    color: #69686A !important;
    background-color: #FFFFFF !important;
    font-size: 0.8em !important;
}


tr:nth-child(2n) td{
    background-color: #FFFFFF !important;
}

tr td{
    background-color: #F8F8F8 !important;
    font-size: 0.8em !important;
}

.view-home .jmoddiv.jmodinside {
    left: inherit;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 50px;
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-container-rtl .swiper-button-prev {
    background-image: url("/images/com_apiportal/home/right_arrow.png");
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-container-rtl .swiper-button-next {
    background-image: url("/images/com_apiportal/home/left_arrow.png");
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
    width: 37px;
}

.view-home .swiper-button-prev {
    left: inherit;
    right: 110px;
}

.view-home .swiper-button-prev,
.view-home .swiper-button-next {
    top: 14%;
}

.view-home #sliderck93 .swiper-caption,
.view-home #sliderck96 .swiper-caption {
    text-align: center;
    color: #2c2c2c;
    border: none;
    border-radius: 10px;
    box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
    width: 90%;
    height: 90%;
    padding-top: 10%;
    left: 18px;
}

#sliderck93 .swiper-caption,
#sliderck96 .swiper-caption {
    background: rgba(255, 255, 255, 1);
}

.view-home #sliderck93 .swiper-caption .swiper-title,
.view-home #sliderck96 .swiper-caption .swiper-title {
    color: #284861;
}

.view-home .swiper-layout-over .swiper-caption {
    top: 10px;
    bottom: 0;
    height: 90%;
    width: 90%;
}

.view-home .swiper-container .swiper-img-cont {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    width: 350px;
    height: 12px;
    margin: 0;
    padding: 0;
    display: block;
}

.view-home #sliderck93 .swiper-img-cont,
.view-home #sliderck96 .swiper-img-cont {
    background-size: 0px;
}

.swiper-caption .swiper-desc {
    line-height: 170%;
}

.swiper-caption .swiper-title {
    display: -moz-grid-line;
    line-height: 110%;
}

.swiper-img-cont {
    background-size: 100% 100%;
}

.swiper-caption {
    padding-top: 5px;
    padding-bottom: 5px;
}

section#welcomeSection {
    background-color: #f3c6bd;
    padding-top: 0px;
}

section#welcomeSection .container {
    padding-top: 10px;
}

section#welcomeSection .welcomeSection-text {
    padding-top: 21px;
}

section#welcomeSection h1,
section#featuresSection h1,
section#SimpleSection h1,
section#CommentMarcheSection h1 {
    font-family: Marianne, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
}

/* Page FAQ et FAQ orgadmin */

.fbp_column_inner {
    margin: 0 10px;
    padding: 0px 10px 15px;
    border: 0px solid #e5e5e5;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    height: 200px;
    background-color: white;
    border-radius: 6px;
}

.com_faqbookpro .fbp_columns {
    margin: 0 0px;
    padding: 0;
}

.com_faqbookpro .t3-mainbody {
    background: #f5f7fa;
}

.com_faqbookpro .row {
    margin-left: -15px
}

.com_faqbookpro .nav .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    margin-left: 5px;
}

.fbpContent_core.noleftnav {
    padding-top: 10px;
    margin: 0px;
    overflow: visible !important;
    width: 100%;
}

.fbpTopNavigation_root .fa {
    display: none;
}

.NavTopUL_link {
    font-size: 50px;
    color: #284861 !important;
    font-weight: 200;
    text-transform: lowercase;
}

#fbpcontent a {
    color: #D4401B !important;
}

#fbpcontent img {
    max-height: 80px;
    max-width: 80px;
}

.fbp_column {
    float: left;
    margin: 0 0 20px;
    text-align: left;
    max-width: 326px;
}

.fbp_column_inner {
    margin: 0 10px;
    padding: 0px 10px 15px;
    border: 0px solid #e5e5e5;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    height: 200px;
    background-color: white;
    border-radius: 6px;
}

.fbpContent_core.noleftnav {
    padding-top: 10px;
    margin: 0px;
    overflow: visible !important;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

h3.fbp_column_header {
    margin: 0;
    padding: 15px 0 20px;
    position: relative;
    top: 124px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    height: 5px;
}

.fbpSectionExtended {
    padding-left: 0;
    padding-right: 0;
}

.topic_section .topic_faqExpanderIcon {
    top: 20px;
}

.view-faqorgadmin .fbp_columns {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}


/*page inscription */

.view-change .container,
.layout-default .container,
.layout-default.task-submit .container,
.view-login .container,
.view-reset .container,
.view-registration .container {
    width: 100%;
}

.t3-mainbody {
    background-color: #f5f7fa;
}

.layout-default.task-submit form {
    min-height: 0;
}

.view-change form,
.layout-default form,
.view-login form,
.view-registration form,
.view-reset form {
    min-height: 330px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#login-form,
#register-form,
#reset-form,
#change-password-users-form {
    min-height: 0px;
    margin-left: 10%;
    margin-right: 10%;
    max-width: 1000px;
}

.view-change label,
.layout-default label,
.view-login label,
.view-registration label {
    text-align: left;
}

.view-change form button.btn-primary,
.layout-default form button.btn-primary,
.view-login form button.btn-primary,
.view-registration form button.btn-primary,
.layout-default.task-submit form button.btn-primary,
.view-reset form button.btn-primary {
    width: auto;
    height: 32px;
    background-color: #D4401B;
    border: 1px solid #D4401B;
    font-size: 16px;
    padding-top: 0;
    line-height: 12px;
    border-radius: 5px;
}

.view-change form label,
.layout-default form label,
.view-login form label,
.view-registration form label,
.view-reset form label,
#request-form form label {
    font-weight: bold;
    display: block;
    font-size: 16px;
}

.help-block {
 color: #000;
 font-size: 0.8em;
 margin-left: 10%;
 margin-bottom: 21px;
 margin-top: 21px;
}

.help-block a:hover {
    text-decoration: none !important;
}

.help-block a {
    text-decoration: underline !important;
}

#api-description a:hover {
     color: #000091 !important;
     text-decoration: none;
}

#api-description a {
    text-decoration: underline;
}


.view-login form .help-block,
span.help-block.reset-process {
    text-align: right;
    margin-top: 5px;
}

.view-change form .help-block,
.layout-default form .help-block,
.view-registration form .help-block,
.view-reset form .help-block {
    font-size: 16px;
    text-align: left;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.view-change h1,
.layout-default h1,
.view-registration h1,
.layout-default.task-submit h1,
.view-reset h1 {
    margin-top: 20px;

}

.checkbox-inline input[type="checkbox"] {
    color: #284861;
    background-color: #284861;
}

.view-change .t3-content,
.layout-default .t3-content,
.layout-default.task-submit .t3-content,
.view-login .t3-content,
.view-registration .t3-content,
.view-reset .t3-content {
    padding-top: 0px;
}

.view-login .t3-content,
.view-change .t3-content,
.view-reset .t3-content {
    margin-left: 35%;
    margin-right: 35%;
    width: 30%;
    margin-top: 4%;
    margin-bottom: 4%;
    background-color: white;
}

.view-registration .t3-content {
    margin-left: 30%;
    margin-right: 30%;
    width: 40%;
    margin-top: 4%;
    margin-bottom: 4%;
    background-color: white;
}

.view-login h1,
.view-registration h1,
.layout-default.task-submit h1,
.view-change h1,
.view-reset h1,
.view-change h1 {
    font-size: 2.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 10%;
}

#login-form .login-submit,
#register-form .login-submit {
    text-align: right;
}

.view-reset form input {
    border-width: 2px;
    font-size: 16px;
    min-height: 26px;
    line-height: 26px;
    padding: 5px 10px;
    height: auto;
}

#login-form input,
#register-form input,
.view-reset input,
.view-change input {
    border-color: #DDDDDD;
}

#login-form input#password,
#register-form input#password {
    border-right: none;
}

.required-fields {
    margin-top: 15px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin-bottom: 18px;
    color: #000;
}

.color-red {
    color: red;
}


/* Entêtes Titres */

.com_apiportal .head {
    min-height: 220px;
    overflow: hidden;
    margin-bottom: 20px;
}


/* page applications */

.applications-form .panel>.table-bordered>tbody>tr>td,
.applications-form .panel>.table-responsive>.table-bordered>tbody>tr>td,
.applications-form table.dataTable>tbody>tr>td,
.applications-form .table-bordered>tbody>tr>td,
.applications-form .panel>.table-bordered>tfoot>tr>td,
.applications-form .panel>.table-responsive>.table-bordered>tfoot>tr>td,
.applications-form table.dataTable>tfoot>tr>td,
.applications-form .table-bordered>tfoot>tr>td,
.applications-form .panel>.table-bordered>tbody>tr>th,
.applications-form .panel>.table-responsive>.table-bordered>tbody>tr>th,
.applications-form table.dataTable>tbody>tr>th,
.applications-form .table-bordered>tbody>tr>th,
.applications-form .panel>.table-bordered>tfoot>tr>th,
.applications-form .panel>.table-responsive>.table-bordered>tfoot>tr>th,
.applications-form table.dataTable>tfoot>tr>th,
.applications-form .table-bordered>tfoot>tr>th {
    max-width: 450px;
}

.com_apiportal .body {
    padding: 0px 7px;
    margin-top: 28px;
    margin-bottom: 28px;
}

.com_apiportal .t3-mainbody .head::before {
    background: linear-gradient(90deg, #FFFFFF, #FFFFFF);
}

.com_apiportal .head h1, .com_apiportal .head h1 + p {
  color: #000000;
}

.com_apiportal .t3-mainbody .btn-toolbar {
    margin-bottom: 14px;
    margin-top: 0px;
    border-bottom: inherit;
    background-color: inherit;
    display: block ruby;
}

.com_apiportal .t3-mainbody .head .btn-toolbar {
    margin-top: -10px;
    background: none;
    position: relative;
    height: 30px;
}

.com_apiportal .t3-mainbody .head .btn-toolbar a {
    color: #284861;
}

.btn-toolbar .action-group {
    margin-right: 5.5%;
}

.edit-options .btn-default,
.header-bar .btn-default,
.btn-toolbar .btn-default,
.btn-group .btn-default,
.action-group .btn-default,
.dataTables_wrapper .btn-default {
    color: #284861;
}

.btn-toolbar .btn-default:hover,
.btn-toolbar .btn-default:active {
    background-color: #284861;
}

.apis .api-catalog-item h2 {
    margin: 2%;
    padding-bottom: 6%;
}

.apis .api-catalog-item h2 a {
    text-decoration: underline;
    width: 72%;
    display: inherit;
    height: 40px;
}



.apis .api-catalog-item .api-image a img {
    max-width: 100%;
    max-height: 180px;
    margin: auto;
    display: block;
    height: 100px;
}

.apis .api-catalog-item .api-image {
    height: 130px;
}


.apis .api-catalog-item .api-actions {
    margin-bottom: 3%;
    margin-top: 2%;
    margin-left: 3%;
    height: 20px;
}

/** Page Applications */

.api-catalog-item .btn {
    white-space: normal
}


/** PAge Apis */

.api-status-icon.published {
    display: none;
}

.api-status.published>.api-status-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding-left: 1px;
    padding-top: 1px;
    margin-right: 2px;
    background-color: #0099CC;
    border-radius: 50%;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}

/** MEDIA QUERY  **/


/* Menu responsive */

@media (max-width: 991px) {

    html {
        overflow-x: hidden;
    }

    #t3-mainnav {
        position: relative;
    }

    .head-search {
        float: inherit !important;
    }

    li.active {
        box-shadow: none !important;
    }

    .navbar-header .navbar-toggle {
        background: transparent;
        margin-top: 10px;
        top: -30px;
        right: 30px;
        display: block;
        width: auto;
        min-width: 62px;
    }

    .t3-wrapper .t3-navbar .navbar-nav.level0>li::after {
        content: none;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: #ffffff;
        color: #000000;
    }

    .navbar-default .navbar-toggle .fa-bars::before {
        color: #000000;
    }

    #main-menu .reponsive-link {
        display: block;
    }

    .right-head-menus .t3-megamenu {
        display: none;
    }
}

@media (max-width: 680px) {
    html {
        overflow-x: hidden;
    }

    .logo-image.logo-piste,
    .footer_container .logo-piste {
        padding-top: 4px;
    }

    .right-head-menus {
        margin-top: 10px;
        top: -10px;
        left: 35px;
    }

    .navbar-header .navbar-toggle {
        background: transparent;
        margin-top: 10px;
        top: -30px;
        right: 30px;
        display: block;
        width: auto;
        min-width: 62px;
    }

    .navbar-header .navbar-toggle:hover {
        background: transparent;
    }

    .comment_ca_marche_img {
        display: none;
    }

    #t3-mainnav {
        position: relative;
    }

    nav[aria-expanded="false"] {
        display: none;
    }

    nav[aria-expanded="true"] {
        display: block;
    }

    .view-home #featuresSection ul {
        width: 100%;
        list-style: none;
        padding: 0;
        padding-top: 11px;
        margin: inherit;
        margin-left: 0px;
        display: block;
        flex-direction: row;
        justify-content: center;
    }

    section#welcomeSection {
        margin-top: 0px;
    }

    .view-home #featuresSection ul {
        padding: 0;
    }

    #sliderck93 .swiper-slide.swiper-slide-active,
    #sliderck96 .swiper-slide.swiper-slide-active {
        margin-left: 16px;
    }

    .right-head-menus .nav li>a {
        padding: 2px 15px 5px 15px;
    }

    .simple_et_securisee .row {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .simple_et_securisee .row .reorder-2 {
        flex: 2;
        order: 2;
    }

    .reorder-3 {
        flex: 3;
        order: 3;
    }

    .footer_site .container {
        padding-left: 54px;
    }

    .navbar-nav {
        margin: inherit;
    }

    .right-head-menus .t3-megamenu {
        width: auto;
    }

    #t3-mainnav .right-head-menus .t3-megamenu ul {
        width: 100%;
    }

    #t3-mainnav .right-head-menus .t3-megamenu .navbar-nav>li {
        height: 30px;
        width: 40%;
        display: inline-block;
    }

    #t3-mainnav .right-head-menus .navbar-nav>li:first-child {
        border-left: none;
    }

    .right-head-menus .languageswitcherload {
        padding-top: 14px;
        width: auto;
        position: relative;
        top: -83px;
    }

    .right-head-menus .languageswitcherload {
        width: auto;
        position: relative;
        top: -30px;
        left: -30px;
    }
}

@media (min-width: 681px) {
    .simple_et_securisee .row {
        display: block;
    }

    .comment_ca_marche,
    .simple_et_securisee {
        flex-direction: row;
    }

    .background_marketing_txt {
        width: 100%;
    }

    .view-home #featuresSection li {
        width: calc(33.33% - 55px);
    }
}

@media (min-width: 768px) {
    .container {
        width: inherit;
    }
}

@media (min-width: 992px) {

    /* Containers */
    section .auto {
        width: inherit;
    }

    .container {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .main_header_content {
        width: 38%;
        margin-left: 0%;
    }

    /** Sections */
    .comment_ca_marche_img {
        padding-top: 20px;
        text-align: center;
    }

    .comment_ca_marche_txt {
        padding: 30px 0% 0% 0%;
        margin-right: 0%;
    }

    .main_header_content {
        width: 100%;
        margin-left: 0%;
    }

    .simple_et_securisee_img img {
        width: 350%;
        margin-top: -123%;
        margin-left: 85%;
        max-width: 300px;
    }

    .simple_et_securisee_txt {
        padding: 0 0 0% 18%;
    }

    .simple_et_securisee {
        width: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 3%;
        padding-bottom: 0%;
        color: #6289a6;
    }

    #t3-mainnav {
        position: relative;
    }

    .simple_et_securisee {
        width: 80%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 3%;
        color: #6289a6;
    }

    .navbar-default .navbar-nav>li {
        margin-left: 16px;
    }
}

@media (min-width: 1280px) {
    .container {
        width: 100%;
        /* max-width: 1280px; */
    }

    .comment_ca_marche_txt {
        padding: 0px 15% 0 0%;
        margin-right: 0%;
    }

    main .comment_ca_marche_txt,
    main .simple_et_securisee_txt,
    #welcomeSection .main_header_content {
        margin: 0 0 0 60px;
        font-family: Arial;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 1.39;
        letter-spacing: normal;
        color: #2c2c2c;
    }

    main .comment_ca_marche_txt {
        text-align: left;
    }

    main .simple_et_securisee {
        width: 100%;
    }

    main .simple_et_securisee_txt {
        text-align: right;
    }

    main .comment_ca_marche_txt h2,
    main .simple_et_securisee_txt h2 {
        font-family: Arial;
        font-size: 2rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.32;
        letter-spacing: normal;
        color: #284861;
    }

    .simple_et_securisee_img {
        width: 38%;
        margin-right: 10%;
        margin-top: 40px;
    }

    section .auto {
        width: 100%;
        margin: 0;
    }

    section#featuresSection ul {
        /* width: 1053px; */
        margin-left: auto;
        margin-right: auto;
    }

    .view-home section#featuresSection .head_feature {
        height: 115px;
        text-align: center;
    }

    .view-home section#featuresSection .head_feature img {
        height: 42%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: block;
    }

    .view-home #featuresSection li h3 {
        font-family: Marianne, Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: #D4401B;
    }

    .view-home #communitySection li p,
    .view-home #featuresSection li p {
        font-family: Marianne, Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
        text-align: center;
        color: #6d7783;
    }

    main .comment_ca_marche_txt,
    main .simple_et_securisee_txt,
    #welcomeSection .main_header_content {
        margin: 0px;
    }

    .t3-wrapper {
        /* max-width: 1280px; */
        margin-right: auto;
        margin-left: auto;
    }

    .main_header_container {
        width: 100%;
    }

    main .comment_ca_marche_txt p,
    main .simple_et_securisee p,
    main section#welcomeSection .container p {
        font-size: 100%;
    }
}

@media (min-width: 1300px) {
    .t3-navbar .navbar-nav {
        float: left;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}


.required::after {
    content: "*";
    color: red;
}

[role="search"]::after {
    content: "";
}

.image-title {
    float: left;
    margin-right: 4px;
}

.image-external-menu {
    vertical-align: top;
    margin-top: 7px;
}

#infoEmail{
    padding-bottom : 6px;
}

#emails{
    width : 100%;
}

#mail{
    width : 90%;
    float : left;
}

.icone-delete{
    float: left;
}

#listeMail li{
    height : 34px;
    margin-bottom: 20px;
}

#listeMail{
    list-style-type: none;
    vertical-align: bottom;
}

#continuer-button {
    float: left;
}

.tooltip{
    border-radius : 5px;
    padding-left : 12px;
    padding-right : 12px;
    padding-top : 8px;
    padding-bottom : 8px;
    font-family: 'Marianne', sans-serif;
    font-size: 1em;
    color : #FFFFFF;
    background-color: #000000;
    opacity: 0.9;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;;
  opacity: 0.9;
}

.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #d4401b;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  animation: spin 2s linear infinite;
  float: left;
  margin-left: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.axui.nav > li.active > a, .axui > .nav > li.active > a {
    color: #ffffff;
}

.head-search {
    float : right;
    padding-right: 35px;
}

nav div.search {
    margin-top : 10px;
    margin-bottom : 10px;
    display : flex;
}

.head-search form {
    min-height: 37px;
}

div.search input.js-finder-search-query {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color : #D4401B;
    border-width: 1px;
    padding-left : 12px;
    padding-right : 0;
    padding-top : 8px;
    padding-bottom: 8px;
    font-size: 1em;
    color: #6A6A6A;
    line-height: 0;
    height: 37px;
    width: 240px !important;
}

div.finder input.search-query {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color : lightgrey;
    border-width: 1px;
    padding-left: 12px;
    padding-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1em;
    color: #6A6A6A;
    line-height: 0;
    height: 37px;
    width: 240px !important;
}

div.awesomplete::after {
    content: '';
    background-image:  url("/images/com_apiportal/home/icone/rechercher.svg");
    background-repeat: no-repeat;
    background-position: center;
    border : none;
    width: 35px;
    height: 35px !important;
    margin-left : -4px;
    background-color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px !important;
    line-height: inherit !important;
    margin-top : 1px;
    position: absolute;
    top: 0px;
    left: 242px;
}

.submit-search {
    background-image: url("/images/com_apiportal/home/icone/rechercherGrey.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 37.4px !important;
    margin-left: -4px;
    background-color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px !important;
    line-height: inherit !important;
    border-color: lightgray;
    border-left: none;
    border-width: 1px;
    position: absolute;
    left: 240px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: 0px;
    border-width: 1px !important;
}

#delete-search{
    background-image: url("/images/com_apiportal/home/icone/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 30px !important;
    margin-left: -4px;
    background-color: white;
    font-size: 12px !important;
    line-height: inherit !important;
    border: none;
    position: absolute;
    left: 197px;
    top: 1px;
    cursor: pointer;
}

#pipe-search {
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -4px;
    font-size: 12px !important;
    line-height: inherit !important;
    border: none;
    position: absolute;
    left: 226.5px;
    top: 1px;
    width: 2px;
    z-index: 1;
    height: 33px;
  }

  #pipe-search-custom {
    background-color: lightgray;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -4px;
    font-size: 12px !important;
    line-height: inherit !important;
    border: none;
    position: absolute;
    left: 235.5px;
    top: 12px;
    width: 2px;
    z-index: 1;
    height: 17px;
  }

img.img-home {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 95% 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

img.img-home-no-cover {
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.home-intro {
    color: #000000;
    width: 50%;
    float: left;
    padding : 5% 5% 5% 5%;
}

.home-intro-img {
    width: 50%;
    float: right;
}

.home-intro > ul {
    list-style: none;
    padding-left: 0px;
    display: inline-flex;
}

.create-account {
    border : 1px solid #D4401B;
    border-radius : 6px;
    font-size: 16px;
    margin-left: 25px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white !important;
    text-decoration: none !important;
    background-color : #D4401B;
}

.create-account:hover {
    background-color : #D4401B !important;
    text-decoration:none !important;
    color: white !important;
    filter: brightness(90%) !important;
}

.view-home main h1 {
    color: #000000;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

#intro {
    background-color: white;
    padding-bottom: 0px;
}

.view-home main h1 + p {
    font-size: 16px;
    color: black;
}

#password_info > ul > li > #statut{
    height: 25px;
    width: 25px;
    min-width: 25px;
    min-height: 25px;
    background-image: url(/images/com_apiportal/enrolement/KO.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
}

#password_info > ul > li,
.label_info{
    display: inline-flex;
}

#password_info > ul > li{
    min-width: 250px;
}

.password_security_OK{
    background-image: url(/images/com_apiportal/enrolement/OK.svg) !important;
}

.password_security_KO{
    background-image: url(/images/com_apiportal/enrolement/KO.svg) !important;
}

.info_KO{
    padding-top: 2px;
    padding-left: 5px;
    color: #e10000;
}

.info_OK{
    padding-top: 2px;
    padding-left: 5px;
    color: green;
}

.force_password_KO{
    background-color: #ffc7c7;
}

.force_password_OK{
    background-color: #c7e3c7;
}

.label_info > span{
    min-height: 32px;
    padding: 6px 12px 6px 12px;
    color: #000000;
    border: 1px none;
    border-radius: 2px;
    margin-left: 10px;
}

.label_info > label{
    padding-top: 6px;
}

.api-chips {
        min-height: 32px;
        padding: 6px 12px 6px 12px;
        color: #000000;
        border: 1px none;
        background-color: #D5DBEF;
        border-radius: 50px;
        width: 130px;
        margin: 1%;
        float: right;
        margin-left: 2%;
}


.api-status-text{
    margin-left: 3px;
    font-size: 16px;
}


.h1-color {
 color: #DC674B;
}

#CommentMarcheSection,
#partenaireSection,
#sitemapselection {
    background-color: white;
}

.row-features {
    margin-top: 5%;
    display: flex;
}

.img-icone-features {
    width: 40px;
}

.view-home main h2 {
    margin-left: 0px;
    font-size: 2rem;
}

.feature > h2{
    border-left: 3px solid #D4401B;
    padding-left: 12px;
    margin-left: 0px;
}

.feature > p {
    font-size: 16px;
}

.feature {
    width: 40%;
    margin-right: 5%;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

.slideshow-container {
    display: flex;
    justify-content: center;
}

/* Next & previous buttons */
.slideshow-container .prev, .slideshow-container .next {
  cursor: pointer;
  top: 50%;
  width: auto;
  padding: 6px;
  color: #D4401B !important;
  font-size: 24px !important;
  transition: 0.6s ease;
  border-radius: 3px 0 0 3px;
  user-select: none;
  text-decoration: none !important;
  align-self: center;
}



/* Position the "next button" to the right */
.slideshow-container .next {
  right: 0;
  border-radius: 0 3px 3px 0;
  float : right;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev:hover, .slideshow-container .next:hover {
  background-color: rgba(212,64,27,0.5);
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: gray;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot.active, .dot:hover {
  background-color: #D4401B;
}

.actu {
    background-color: white;
    width: 1000px;
    min-height: 150px;
    margin-right: 5%;
    margin-left: 5%;
    padding : 2% 2% 2% 2%;
    border: 1px solid #CECECE;
    border-radius: 5px;
}

.block-actu {
    display: flex;
    min-height: 210px;
    max-width: 95%;
}

.block-actu .actu {
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.actu > p {
    font-size: 16px;
    color: black;
}

.img-partenaire {
    max-width : 28%;
    margin-right: 5%;
    width: 400px;
    object-fit: contain;
    max-height: 180px;
}

.line-partenaire {
    margin-left: 5%;
    margin-bottom: 5%;
}

#sitemapselection {
    color : black;
    margin: 5%;
    padding: 2%;
}

.sitemap > ul {
    font-size: 16px;
}

.sitemap > ul > ul {
    margin-top: 0;
}

.breadcrumb {
  font-size : 16px;
  padding-left: 60px;
  margin-top : 0;
  background: #fff;
  border-bottom: 1px solid #eaecee;
}

.breadcrumb > li.active {
    display : none;
}

.breadcrumb > li + li::before {
  content: ">" !important;
}

.white{
    background-color : white;
}

.img-faq,
.img-profil {
    max-height: 350px;
    padding-top: 2%;
    padding-bottom: 2%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-head {
    padding-left: 6%;
    padding-top: 3%;
    padding-bottom : 2%;
}

.div-head > p {
    font-size: 16px;
}

.img-head {
    max-height: 350px;
    padding-top: 2%;
    padding-bottom: 2%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-faq,
.div-profil,
.div-api,
.div-documentation,
.div-header {
    padding-left: 6%;
    padding-top: 3%;
}

.div-api-test {
    padding-left: 3%;
}

.div-body {
    padding-left: 6%;
    padding-right: 6%;
}

.api-info{
    padding-left: 3%;
    margin-right: 3%;
    margin-bottom: 2%;

}

.div-faq > p,
.div-profil > p,
.div-api > p {
    font-size: 16px;
}

.div-documentation > p,
.div-header > p {
    margin-bottom: 3% !important;
    font-size: 16px;
}

.div-faq > form,
.div-api > form {
    margin-top: 3%;
    display: flex;
}

.div-faq .validation-message {
    color: red;
    margin-top: 5px;
    font-size: 16px;
}

.div-detail-profil {
    margin-left : 5%;
}

.div-detail-profil > ul {
    font-size : 16px;
}

.div-detail-profil > ul > li {
    margin-bottom: 2%;
}

.div-detail-profil > ul > li > label{
    font-weight: bold;
}

.submit-faq{
    background-image: url("/images/com_apiportal/FAQ/icone/rechercher.svg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 45px;
    height: 45px;
    margin-left: -1px;
    background-color: white;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #9B9B9B;
}

.search-faq,
.search-api {
    height: 45px !important;
    width: 400px !important;
    border-color: #9B9B9B !important;
}
.bloc-questions {
    min-height: 200px;
    display: grid;
    padding-right: 5%;
    text-align: justify;
}

.bloc-questions > h2{
    border-left: 3px solid #D4401B;
    padding-left: 10px;
    font-size: 2rem;
}

.question {
    padding: 12px 16px 16px 16px;
    color: #383838;
    border-bottom: 1px solid #CECECE;
}

.question:hover {
    background-color: #FAFAFA;
}

.question > button {
    color: #3C3A67;
    text-decoration: none;
    width: 100%;
}

.question > button:hover {
    color: #3C3A67;
    text-decoration: none;
}

.question > button:link {
    color: #3C3A67;
    text-decoration: none;
}

.question > button:visited {
    color: #3C3A67;
    text-decoration: none;
}

.question > button > span {
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 100%;
    margin-right: 16px;
}

.question > p{
    font-size: 16px;
    padding: 16px 16px 23px 16px;
}

.question > button > svg {
    float : right;
}

.questions {
    padding-left: 6%;
    background-color: #FFF;
}

.questions > h1 {
    color : #D4401B;
}

#apisSearch {
    margin-left: 6%;
}

.apis .api-catalog-item[data-type="list"] .api-info-section {
    padding-right: 10px;
}

.btn-primary {
    background-color : #D4401B;
    border-color : #D4401B;
}

.apis .api-buttons a.btn-primary:hover{
    background-color : #D4401B;
    filter : brightness(90%);
    border-color : #D4401B;
}

.apis .api-buttons a.btn-primary:hover{
    background-color : #D4401B;
    filter : brightness(90%);
    border-color : #D4401B;
}

.apis .api-info {
    font-size: 16px;
    white-space: inherit;
}

#api-image {
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    max-width: 750px;
    margin-left: 3%;
    background-image: url('<?= JURI::root() ?>components/com_apiportal/assets/img/no_image_loading.png');
}

.nav-tabs > li > a {
    background-color: #F0F0F0;
    border: 1px solid #F0F0F0;
    color: #383838;
    font-weight: bold;
}

.nav-tabs > li.active > a {
    background-color: #FFFFFF;
    border-top: 2px solid #D4401B;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: none;
    color: #D4401B;
    font-weight: bold;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #d8d8d8;
    border: 1px solid #F0F0F0;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: #d8d8d8;
    color: #D4401B;
    border-top: 2px solid #D4401B;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: none;
}

.tab-content{
  padding: 0;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
}

.nav-tabs {
    padding-top: 14px;
    border-bottom: none;
}

.img-plan-site {
    max-width: 450px;
}

#apisList{
    padding-left : 5%;
    padding-right : 5%;
    width: 100%;
}

/* Consentement CGU */

#table-v2 tr {
	border-spacing: 15px !important;
}

#table-v2 th {
	color: #69686A !important;
	background-color:  #FFFFFF !important;
	padding: 20px !important;
}

#table-v2 td {
	color: #000000 !important;
	padding: 20px !important;
}

/* Datatable */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-style: solid;
    border-width: 1px;
    background: none;
    border-color: transparent;
}


.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    cursor: default;

    background-color: #D4401B !important;
    border: 1px solid #D4401B !important;
    font-size: 1em !important;
    font-family: 'Marianne', 'Arial', sans-serif !important;
    line-height: 12px;
    border-radius: 6px;
    padding: 8px 12px;
    color: #FFFFFF;

}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 12px;
    text-decoration: none;
    color: black;
    background-color: #ffffff;
    border-radius: 6px;
    margin-left: -1px;
    font-size: 1em;
    font-family: 'Marianne', 'Arial', sans-serif !important;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: black;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.pagination li.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.dataTables_wrapper .dataTables_paginate {
    float: none;
    padding-top: 0.25em;
    margin-left: auto;
    margin-right: auto;
    left: 30%;
    position: absolute;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 2px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333333 !important;
    border: 1px solid transparent;
  }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background: none;
    box-shadow: none;
}

table.dataTable th.sorting:after {
  content: "\f0dc";
  font-family: FontAwesome;
  float: none;
  font-size: 1em;
  position: relative;
  left: 7px;
  line-height: 0;
}

/* Ajout du chevron dans le menu */
.t3-navbar .caret{
    margin-left: 5px;
    margin-top: -7px;
    background-image: url("/images/com_apiportal/home/icone/deplier.svg");
    width: 20px;
    height: 20px;
    border : none !important;
}

.input-group-addon{
    color : black;
    background-color: white;
    border: 2px solid #DDD !important;
    width : auto;
}

#password_id .input-group {
    display : flex;
}

.label-sort {
    font-size : 16px;
}

#loading{
    font-size : 16px;
    text-align : center;
}

.apis .api-catalog-item:hover {
    border-color: #D4401B;
}

.apis .api-catalog-item:hover h2 a {
    color: #D4401B;
}

.btn-primary:hover {
    border-color: #D4401B !important;
    background-color : #D4401B !important;
    filter : brightness(90%) !important;
}

#user-form input {
    max-width : 600px !important;
}


#user-form .form-group label,
#user-form label,
#request-form label,
#revoke-form label,
#revoke-confirm label,
#confirm-moda label{
    font-weight: bold;
    font-size : 16px;
    margin-right : 10px;
}

#user-form .form-control-static {
    margin-left: 40px;
    margin-top: -30px;
    margin-bottom: 20px;
}

#request-form{
  padding-top: 20px;
}

li.active{
    -webkit-box-shadow: inset 0 -2px 0 #ffffff;
    box-shadow: inset 0 -2px 0 #ffffff;
}

.api-buttons {
    margin-top : 42px;
}

#datetimepicker_debut_input,
#datetimepicker_fin_input {
    border-top: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
    border-left: 0;
    border-right: 0;
}

.btn-datatable:focus {
    background-color: #D4401B;
    border: 1px solid #D4401B;
}

.users-auto {
    margin: 0 auto;
    width: 1500px !important;
}

#system-message-container {
    margin: auto !important;
    width: 1170px;
}

.alert-heading {
    font-weight: bold;
    font-size: 2rem;
    margin-left: 15px;
}

.alert-icon {
    float: left;
    width: 36px;
    height: 36px;
    margin-top: 6px;
}

.alert-icon-warning, .alert-icon-error {
    background-image: url("/images/com_apiportal/message/erreur.svg");
    background-repeat: no-repeat;
}

.alert-icon-message, .alert-icon-info, .alert-icon-notice {
    background-image: url("/images/com_apiportal/message/information.svg");
    background-repeat: no-repeat;
}

.alert-icon-success {
    background-image: url("/images/com_apiportal/message/succes.svg");
    background-repeat: no-repeat;
}

.alert-message {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    margin-bottom: 5px;
    margin-left: 50px;
}

#system-message-container joomla-alert {
    border-radius: 10PX;
    border: none;
    color: #313131;
}

#system-message-container > joomla-alert[type="danger"],
#system-message-container > joomla-alert[type="warning"]{
    background-color: #FEB7A5 !important;
}

#form-erreur .alert-warning, #form-erreur .alert-error {
    background-color: #FEB7A5 !important;
    border-radius: 10px;
    border-color: #FEB7A5 !important;
}

#form-erreur {
    width: 80%;
    margin: auto;
}

#system-message-container > joomla-alert[type="success"] {
    background-color: #8BCDB1 !important;
}

#system-message-container > joomla-alert[type="info"],
#system-message-container > joomla-alert[type="message"],
#system-message-container > joomla-alert[type="notice"] {
    background-color: #ABB9E0 !important;
}

.view-article.itemid-660 section.article-content {
	padding-left: 30px;
	padding-right: 4%;
}

.img_lien_fichier{
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 6px;
}

.img_lien_fichier_cgu{
    margin-bottom: 6px;
    margin-right: 12px;
}

.opblock:focus{
    border: none;
    border-radius: 2pt;
    box-shadow: 0 0 0 1pt grey;
    outline: none;
    transition: .1s;
}

#cookieNotice{
	position: fixed;
	z-index: 100;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 280px;
	background-color: white;
	padding: 2em 80px;
	font-size: 16px !important;
	display: block;
	opacity: 1;
	box-shadow: 0px 0px 20px 0px #333;
	background: #fff;
	color: #333;
}


#cookieAccept {
	cursor: pointer;
	display: inline-block;
	font-size: 16px !important;
	line-height: 1.2 !important;
    height: 40px !important;
	text-decoration: none;
	margin-left: 16px;
	padding: 0.5em 0.8em !important;
	vertical-align: top !important;
	border-radius: 6px !important;
	max-width: 150px !important;
	max-height: 50px !important;
	min-width: 80px !important;
	min-height: 32px !important;
	margin-top: 30%;
	border: 2px solid #D4401B !important;
}

#cookieTitle {
	color: #333 !important;
	line-height: 1em !important;
	margin: 0 0 0.8em 0 !important;
	font-size: 2.5rem;
}

#cookieBlocTitle {
	width: 80%;
	display: inline-block;
	padding: 1em !important;
	vertical-align: top !important;
	border-right: 1px solid rgba(0,0,0,0.2) !important;
}

#cookieBlocButton {
	width: 15%;
	display: inline-block;
	padding: 0.5em !important;
	vertical-align: top !important;
}

input[type="email"], input[type="text"] {
        width: 100%;
}

#findApis {
    font-size: 16px !important
}

table a:hover{
    color: #000091;
    text-decoration: none;
}

table a {
    text-decoration: underline;
}




#info-access {
    display: none;
}

.close {
    width: 36px;
    height: 36px;
    background-image: url("/images/com_apiportal/message/cloturer.svg");
    background-repeat: no-repeat;
    opacity: 1 !important;
    margin-top: -5px !important;
    font-size: 0px !important;
}

.modal-title {
    font-size : 2.5rem !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 !important;
}

.view-registration label {
    font-size: 13px;
    margin-bottom: 5px;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    outline: none;
    background-color: #D4401B;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    border-radius: 100%;
    display: none;
    width: 3.125em !important;
    height: 3.125em !important;
    opacity: 1;
}

.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	top: -10000em;
	margin: -1px;
	padding: 0;
	border: 0;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    clip: auto !important;
    display: block;
    left: 0;
    width: 175px;
    z-index: 1000000;
    font-size: 1em;
    overflow: initial;
    top: 0;
    height: 65px;
    padding: 22px;
    text-decoration: underline;
}


.oas-swagger-ui .swagger-ui .wrapper {
    margin-left: 0;
    max-width: 100%;
}

#list_action_home_1 > li {
    margin-right: 10px;
}

#bloc_erreur {
    margin-top : 1%;
    margin-left: 2%;
}

.navbar-nav .dropdown {
    padding-left: 15px;
    padding-right: 15px;
}

#finder-search fieldset div .submit-search {
    height: 37px !important;
    width: 100px;
    border-top: 1px solid #D4401B;
    border-bottom: 1px solid #D4401B;
    border-left: 0;
    border-right: 1px solid #D4401B;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-position: left;
    padding-left: 25px;
    padding-top: 4px;
    margin-left: -5px;
    top: -1px;
    position: absolute;
    left: 244px
}

#finder-search fieldset div #mod-finder-searchword139 {
    width: 270px !important;
    border-right: none;
    margin-left: -6px;
}

#finder-search fieldset div input:focus {
    border-color: #D4401B !important;
  }

#finder-search fieldset .finder {
    margin-bottom: 5px;
    margin-top: 20px;
}

#finder-search fieldset a {
     display: none;
 }

 #search-result-list {
    margin-top: 20px;
 }

#search-results ul li, #search-result-list > li {
    background-color: #ffffff;
    border-top: 0;
    border-bottom: 1px solid #CECECE;
    border-left: 0;
    border-right: 0;
    padding-top: 2px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 25px
}

#search-results {
    margin-top: 10px;
}

#search-result-list  li.result__taxonomy-item {
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0;
    border-bottom: 0px none;
    display: none;
}

#search-results ul li h2, #search-result-list p.result__title {
    color: #6A6A6A;
    font-size: 1.5em;
    padding-bottom: 8px;
    padding-top: 8px;
}

#search-result-list > li > p.result__title > a > cite {
    display: none;
}

#search-result-list > li > p.result__title > a > span {
    color: #000091;
    font-size: 1em;
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: bold;
}

#search-result-list > li > p.result__title > a > span:hover {
text-decoration: none !important;
    transition-duration: 0s;
    color: #000091;
}

#search-results ul li a.result-url {
    float: right;
    margin-top: -12px !important;
    text-decoration: underline !important;
    color: #000091
}

#search-results ul li a.result-url:hover {
    cursor: pointer;
}

.table-search-button {
    background-image:  url("/images/com_apiportal/home/icone/rechercherGrey.svg");
    background-repeat: no-repeat;
    background-position: center;
    border : 1px solid #969f9f;
    width: 34px !important;;
    height: 34px !important;
    margin-left : -1px !important;
    background-color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left-color:  white;
    line-height: inherit !important;
    position: absolute;
    /* left: 231px; */
}

.table-search-input {
    border-top-right-radius : 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-color: white !important;
}

#apis-table_filter {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    float: left;
    height: 60px;
}

.btn.dropdown-toggle:focus{
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px;
    outline-offset: none;
}

.div-api .api-search-result {
    margin-top: 5px;
    font-size: 16px;
}

.div-api .api-search-no-result {
    color: red;
    margin-top: 5px;
    font-size: 16px;
}

#register-form input.error,
#login-form input.error,
#request-form .error {
    border-color: #e10000;
}

#register-form input[type="checkbox"].error {
    box-shadow: inset 0 1px 3px black, 0 0 0 3px #e10000;
}

#apis-table_wrapper .bottom {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

#apis-table_length label {
    display: flex;
    align-items: center;
}

table thead tr th, table tbody tr td {
    border: 1px solid lightgrey !important;
}

#cgu_approve {
    float: left;
    position: relative;
    z-index: 1;
}

#input-search {
    margin-left: 0em;
}

img.external-link {
  position: absolute;
}

#requests-table{
  table-layout: fixed;
  word-wrap: break-word; 
}

.goto{
    text-decoration: underline;
    cursor: pointer;
}

#captchaFR_CaptchaDiv > code {
    display: none;
}

mark {
    background-color: #FFFFCC;
    font-weight: bold;
    padding: 1px 0;
}

#system-message-container > joomla-alert {
    padding: 15px;
    margin-bottom: 20px;
    /* border: 1px solid transparent;
    border-radius: 0px; */
}

joomla-alert[type="success"] {
    color: #313131;
    background-color: #e4f9de;
    border-color: #54a75f;
}

button.joomla-alert--close {
    width: 36px;
    height: 36px;
    opacity: 1 !important;
    margin-top: 5px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

button.joomla-alert--close > span {
    display: block;
}

joomla-alert .alert-heading span {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    height: auto;
    width: auto;
    overflow: auto;
}

joomla-alert div.alert-heading span.error,
joomla-alert div.alert-heading span.warning,
joomla-alert div.alert-heading span.danger {
    background-image: url(/images/com_apiportal/message/erreur.svg);
    background-repeat: no-repeat;
    float: left;
    width: 36px;
    height: 36px;
    margin-top: 6px;
    margin-right: 15px;
}

joomla-alert div.alert-heading span.info {
    background-image: url(/images/com_apiportal/message/information.svg);
    background-repeat: no-repeat;
    float: left;
    width: 36px;
    height: 36px;
    margin-top: 6px;
    margin-right: 15px;
}

joomla-alert div.alert-heading span.success {
    background-image: url(/images/com_apiportal/message/succes.svg);
    background-repeat: no-repeat;
    float: left;
    width: 36px;
    height: 36px;
    margin-top: 6px;
    margin-right: 15px;
}


joomla-alert .joomla-alert--close {
    right: 0px;
}

input[type="checkbox"]:focus ,select:focus{
    outline: solid;
}

#t3-mainnav .right-head-menus .t3-megamenu .mega-dropdown-menu .mega-nav a:focus{
    background: white;
    outline: solid;
}

#token {
    white-space: nowrap;
}

#all_cgu_th {
    width: .2% !important;
}

#cgu_th {
    min-width: 25px !important;
}

#form-group-st {
    display: block ruby;    
}

.overlay {
    display: none;
}

.disp-none {
    display: none !important;
}

.disp-block {
    display: block !important;
}

#all_cgu_th {
    width: .2% !important;
}

#cgu_th {
    min-width: 25px !important;
}

#form-group-st {
    display: block ruby;    
}

.overlay {
    display: none;
}

.disp-none {
    display: none !important;
}

.disp-block {
    display: block !important;
}

#select-apis #apis-table_wrapper caption {
    color: black
}

/* MPSS START */
#mpss-form-erreur .alert-warning, #mpss-form-erreur .alert-error {
    background-color: #FEB7A5 !important;
    border-radius: 10px;
    border-color: #FEB7A5 !important;
}

#mpss-form-erreur {
    width: 80%;
    margin: auto;
}

img.api-logo {
    max-height: 28px;
    width: auto
}

.flex-center {
    display: flex;
    align-items: center;
}

#api_logo_upload, #api_cgu_upload, #api_swagger_upload, #api_env_route_upload{
    opacity: 0;
    position: absolute;
    z-index: -1;
 }

#api_logo_upload_label, #api_cgu_upload_label, #api_swagger_upload_label, #api_env_route_upload_label {
    border: 1px solid;
    background-color: white;
    color: rgb(164,166,165);
    width: 340px;
    height: 30px;
    overflow: hidden;
    position: relative;
    border-color: #969f9f;
    border-radius: 3px;
    cursor: pointer;
}

#api_logo_upload_label_text p, #api_cgu_upload_label_text p, #api_swagger_upload_label_text p, #api_env_route_upload_label_text p {
    top: 3px;
    position: relative;
    color: #313131;
    cursor: pointer;
}

#api_logo_upload_button, #api_cgu_upload_button, #api_swagger_upload_button, #api_env_route_upload_button {
    background-color: #D4401B;
    padding: 3px;
    border-left: 1px solid;
    color: white;
    position: absolute;
    height: inherit;
    float: right;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.disable-button {
    background-color: #a4a6a5 !important;
    cursor: default !important;
}

.disabled-label {
    border-color: #cfcfcf !important;
    cursor: default !important;
}

.disabled-label-text p {
    color: #afafaf !important;
    cursor: default !important;
}

#api_logo_upload_button, #api_logo_upload_label, #api_cgu_upload_button, #api_cgu_upload_label, #api_swagger_upload_button, #api_swagger_upload_label, #api_env_route_button, #api_env_route_upload_label{
    display: inline-block;
}

.hidden {
    display: none;
}

.custom-upload-width {
    min-width: 350px;
}

.block-form-btn {
    margin-left: 50px;
}

#block_submit_publish_mpss, #block_submit_deploy_mpss {
    width: min-content;
}

    /* 
    Start
    A retirer pour le lot 2
    Uniquement utilisé dans le formulaire de publication
     */
.toogle_vis_design_mpss_lot1 {
    background-color: white;
    height: 34px; 
    border: 1px solid #969F9F !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
    /* 
    End
    */
    
/* MPSS END */
#apis-table caption {
    color:#000;
}

.api-info-value{
    display: inline-block;
    max-width: 10%;
}

#obligationMark{
    color: red;
}


div#switch_api_dropdown_chosen {
    min-width: 317px;
}

div.head-search label.finder, div.head-search span {
    color: white;
}