@font-face {
    font-family: "GothamRnd-Book";
    src: url('../fonts/GothamRnd-Book.ttf');
}

@font-face {
    font-family: "GothamRnd-Medium";
    src: url('../fonts/GothamRnd-Medium.otf');
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/**
Reset Styles
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

.container-fluid {
	width: 100%;
	text-align : center;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
}

.col-md-perso {
	max-width: 830px;
	text-align : center;
	box-sizing: border-box;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.col-md-5 {
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.col-md-6 {
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: right;
}

.fa-user:before {
    margin-right: 15px;
}

.fa-power-off:before {
    margin-right: 15px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/**
End Reset Styles
 */
/**
GNFA Styles
 */
body {
    font-family: GothamRnd-Book;
    background-color: #ffffff;
}

footer {
    height: 92px;
    width: 100%;
    color: black;
}

.logo {
    background: #fff url('../img/Groupe-639.svg') no-repeat;
    background-position: top center;
    background-size: contain;
    height: 218px;
    width: 395px;
    margin-top : 70px;
    margin-left: 75px;
    position: absolute;
}

.version {
    text-align:  right;
    font-weight: bold;
    color: white;
}

.wrapper-header {
    height: 204px;
    position: relative;

}

.elementor-image {
    text-align: center;
    padding: 25px;
}

.background {
    /*background: transparent url('../img/background.png') no-repeat;*/
    background-position: center center;
    margin-top: 0px;
    /*border-top: thick double rgb(0, 69, 99);
    border-bottom: thick double rgb(0, 69, 99);*/
}

.wrapper-content {
    padding-bottom: 50px;
    /*min-height: 800px;*/
    overflow: hidden;
}

.chevrons-left {
    background: transparent url('../img/chevrons-left.png') no-repeat;
    background-position: bottom left;
    width: 296px;
    margin-right: 195px;
    margin-left: -114px;
}

.chevrons-right {
    background: transparent url('../img/chevrons-right.png') no-repeat;
    background-position: top left;
    width: 296px;
    margin-top: 83px;
    margin-right: -197px;
    margin-left: 99px;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.box {
    display: block;
    /*padding: 131px 37px;*/
    margin-top: 50px;
}

.box .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.box-single {
    width: 100%;
}

.box .title {
    text-align: center;
    padding: 25px;
}

.box .title h1 {
    font-family: GothamRnd-Medium;
    color: #fff;
    font-size: 40px;
}

.box .title-black h1 {
    font-family: GothamRnd-Medium;
    color: #000;
    font-size: 40px;
    text-align: center;
}

.box .textarea {
    border-radius: 0!important;
    border: 1px solid black!important;
    outline: none;
}

.add-border-right {
    border-radius: 0!important;
    border-right: 1px solid black!important;
    outline: none;
}

.form-center-input a {
    text-align: center;
    color: #000;
    text-transform: uppercase;
}

a1 {
    color: #000;
    outline: none !important;
}

.elementor-heading-title h1{
    color: #000000;
    font-family: "Montserrat-ExtraBold", sans-serif;
    font-size: 2.1em;
    font-weight: 800;
}

.title-form h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800!important;
    color: black;
    font-size: 1.7em;
}

a#createaccount {
    background: black;
    color: white;
    line-height: 1;
    padding: 0.7em 2em 0.5em;
    font-family: 'Montserrat', sans-serif;;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 30px!important;
    cursor: pointer;
    width: 12em!important;
    font-size: 0.8em!important;
    line-height: 1.1em!important;
    margin-top: 131px;
}

button#createaccount {
    background: black;
    color: white;
    line-height: 1;
    padding: 0.7em 2em 0.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 30px!important;
    cursor: pointer;
    width: 12em!important;
    font-size: 0.8em!important;
    line-height: 1.1em!important;
    margin-top: 131px;
}

input#username {
    margin-top: 35px;
    margin-bottom: 15px;
}

input[type="submit"] {
    background: black;
    color: white;
    line-height: 1;
    padding: 0.7em 2em 0.5em;
    font-family: 'Montserrat', sans-serif;;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 30px!important;
    cursor: pointer;
    margin: 0!important;
    width: 12em!important;
    font-size: 0.8em!important;
    line-height: 1.1em!important;
}

input[type="button"] {
    background: black;
    color: white;
    line-height: 1;
    padding: 0.7em 2em 0.5em;
    font-family: 'Montserrat', sans-serif;;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 30px!important;
    cursor: pointer;
    margin: 0!important;
    width: 12em!important;
    font-size: 0.8em!important;
    line-height: 1.1em!important;
}


.form-group {
    padding: 10px;
}

.form-group label {
    font-size: 20px;
    margin: 0;
    font-family: GothamRnd-Medium;
    color: #005895;
    padding-bottom: 10px;
}


/*input {
    -webkit-writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    text-rendering: auto;
    color: -internal-light-dark(white, white);
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    margin: 0em;
    padding: 1px 2px;
    border-width: 0px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-style: inset;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    border-color: #fff;
    border-top-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-right-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-bottom-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-left-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}*/

/*.form-control {
    /*border-radius: 8px;*/
    border-color: #000;
    font-size: 15px;
}*/
/*.form-control-without-bord {
    border-radius: 8px;
    border-color: rgba(60, 159, 94, 0.5);
    font-size: 15px;
}*/

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.form-group input[type="text"], .form-group input[type="password"] {
    font-family: GothamRnd-Book;
    font-size: 20px;
    color: #005895;
    height: 40px;
    width : 100%;
}

select#Profils {
    font-family: GothamRnd-Book;
    font-size: 20px;
    color: #000;
    height: 40px;
    margin-top: 45px;
    margin-bottom: 149px;
    margin-left: 14px;
    width: 100%;
    background-color: white;
}

.form-group input[type="text"]::placeholder, .form-group input[type="password"]::placeholder {
    color: #bcbec0;
}

.reset-link {
    text-decoration: underline;
    color: #00a5e5;
}

.btn-backto {
    margin-right: 82px;
}

a#resetlink {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    display: block;
    color: #000;
    text-decoration: underline;
    text-align: left;
}

a#resetlink:hover {
    text-decoration: none;
}

.alert {
    font-family: GothamRnd-Book;
    color: #fff;
    font-size: 20px;
    margin-top: 15px;
    text-align: center;
    border-radius: 8px;
    padding: 5px;
}

.alert a {
    text-decoration: underline;
    cursor: pointer;
}

.alert.alert-success {
    color: #ffffff;
    font-size: 17px;
    background-color: #000; /*rgba(60, 159, 94, 0.8);*/
    border-color: rgba(60, 159, 94, 0.5);
    background-image: none;
    background-repeat: no-repeat;
    margin-top : 5%;
}


.alert.alert-danger {
    color: #ffffff;
    font-size: 17px;
    background-color: #000; /*rgba(171, 129, 110, 0.5);*/
    border-color: rgba(255, 255, 255, 0.3);
    background-image: none;
    background-repeat: no-repeat;
    padding: 18px;
    margin-top : 5%;
}

.alert.alert-error {
    color: #ffffff;
    font-size: 17px;
    background-color: #000; /*rgba(171, 129, 110, 0.5);*/
    border-color: rgba(255, 255, 255, 0.3);
    background-image: none;
    background-repeat: no-repeat;
    padding: 18px;
    margin-top : 5%;
}


.alert h1 {
    font-size: 22px;
}

.alert h2 {
    font-family: GothamRnd-Medium;
    font-size: 20px;
}

.alert.alert-costum {
    border-radius: unset;
    border-color: #00a5e4;
    text-align: center;
}

.btn {
    font-family: GothamRnd-Medium;
    font-size: 26px;
    color: #ffffff;
    padding: 2px 75px;
    border-radius: 8px;
    border: none;
    margin-top: 20px;
    cursor: pointer;
}

a.btn.dropdown-toggle{
	font-size: 13px;
	margin-top: 0px;
} 

.btn:hover {
    color: #fff;
}

.btn:focus {
    background-color: black;
}

.btn.btn-red {
    background-color: #d75252;
    /*box-shadow:1px 1px 3px #999;*/
}

.btn.btn-red:hover {
    background-color: #f59351;
}

.btn-grey {
    background-color: #f5f5f5;
    color: #555;
    /*box-shadow:1px 1px 3px #999;*/
}

.btn.btn-register {
    background-color: #005895;
}

.btn.btn-register:hover {
    background-color: #0dabb7;
}

.btn.btn-grey:hover {
    background-color: #1679b0;
}

.btn.btn-long {
    padding-right: 15px;
    padding-left: 15px;
}

.btn.btn-position-left {
    margin-right: 50px;
}

.btn.btn-position-right {
    margin-left: 50px;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.field-icon1 {
    float: right;
    margin-right: 30px;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/** SSO login page **/
.bloc-title {
    margin-top: 69px;
    padding-left: 10px;
    padding-right: 10px;
}

#span-blue-txt {
    color: #005895;
}

.bloc-title h2 {
    font-family: GothamRnd-Medium;
    text-align: center;
    font-size: 40px;
    color: white;
}

.card {
    background-color: rgba(0, 69, 99, 0.4);
    border-radius: 15px;
    min-height: 200px;
    padding: 2%;
    margin-top: 50px;
}

.card-white {
    background-color: #fff;
    border-radius: 15px;
    min-height: 200px;
    padding: 2%;
    margin-top: 50px;
}

.card-header {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    margin-left : 500px;
}

.card-header h2 {
    font-family: GothamRnd-Medium;
    font-size: 26px;
    color: white;
}

.card-body {
    margin-bottom: 11px;
}

.icon {
    display: inline-block;
    margin-bottom: 17px;
    width: 51px;
    height: 51px;
}

.icon-lock {
    background-image: url("../img/register-icon.png");
}

.icon-user {
    background-image: url("../img/user-icon.png");
    width: 51px;
    height: 51px;
}
#createaccount {
    position: relative;
    top: 950%;
    left: 50%;
    margin: 5% 0 0 -100%;
}
.add-margin-right {
    margin-right:88px;
}
/** End SSO login page **/