@charset "UTF-8";
.info-upload {
  font-size: 12px;
  margin-top: 2px;
  text-align: center;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  top: 10px;
  left: 5px;
  border-radius: 100px;
  border: 1px #3858a3 solid;
  box-shadow: none;
  color: #3858a3;
}
.fileinput-button:hover {
  color: #4a4a4a;
  background: #3858a3;
}
.fileinput-button span.btnupload {
  text-align: center;
  display: inline-block;
  padding: 4px 16px;
  cursor: pointer;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.gestion-document .form-group {
  display: flex;
  align-items: center;
}

.files td {
  vertical-align: middle !important;
}

.progresstext {
  text-align: center;
  position: absolute;
  width: 100%;
  color: #666;
  top: 0;
}

.files .tdminiature {
  /* width:10%;*/
  width: 50px;
}

.files .tdnomfichier {
  /* width:10%;*/
}

.files .tdprogressbar {
  width: 40%;
  text-align: center;
}

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

.files .tdboutton button {
  margin: 0 3px;
}

.files .progress {
  position: relative;
  margin: 0;
  height: 20px;
}

.files .progress .bar {
  height: 20px;
  background-color: #3857a6;
  width: 0%;
}

.dropzone {
  height: 68px;
  border-radius: 4px;
  background-color: #f3f5fa;
  border: 2px solid #ebeef6;
  text-align: center;
  /*padding-top:15px;*/
  box-sizing: border-box;
}
.dropzone span.typefileaccept {
  font-size: 10px;
}
.dropzone input[type=file] {
  width: 100%;
  height: 100%;
}

.dropzone.on {
  background-color: #e9eefb;
}

.picto_fichier {
  background-image: url("/websites/pretup-1/images/file_icons_vs_2_full_50.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.picto-pdf {
  background-position: 0px -250px;
}

.picto-docx {
  background-position: -350px -50px;
}

.picto-doc {
  background-position: -450px -300px;
}

.picto-xlsx {
  background-position: -150px -300px;
}

.picto-xls {
  background-position: -450px -100px;
}

.picto-png {
  background-position: -300px -300px;
}

.picto-jpeg, .picto-jpg {
  background-position: -400px -350px;
}

.picto-gif {
  background-position: 0px -300px;
}

@media (max-width: 765px) {
  .bo .graphique {
    height: 300px;
  }
}
/* SM
---------------------------------*/
@media (min-width: 766px) {
  .bo .graphique {
    height: 400px;
  }
}
/* Utils Positionnement */
.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 1px;
}

.mt-2 {
  margin-top: 2px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-7 {
  margin-top: 7px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-9 {
  margin-top: 9px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-11 {
  margin-top: 11px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-14 {
  margin-top: 14px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-17 {
  margin-top: 17px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-19 {
  margin-top: 19px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-1 {
  margin-right: 1px;
}

.mr-2 {
  margin-right: 2px;
}

.mr-3 {
  margin-right: 3px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-6 {
  margin-right: 6px;
}

.mr-7 {
  margin-right: 7px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-9 {
  margin-right: 9px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-11 {
  margin-right: 11px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-13 {
  margin-right: 13px;
}

.mr-14 {
  margin-right: 14px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-17 {
  margin-right: 17px;
}

.mr-18 {
  margin-right: 18px;
}

.mr-19 {
  margin-right: 19px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 1px;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-7 {
  margin-bottom: 7px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-9 {
  margin-bottom: 9px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-11 {
  margin-bottom: 11px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-17 {
  margin-bottom: 17px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-19 {
  margin-bottom: 19px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-1 {
  margin-left: 1px;
}

.ml-2 {
  margin-left: 2px;
}

.ml-3 {
  margin-left: 3px;
}

.ml-4 {
  margin-left: 4px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-7 {
  margin-left: 7px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-9 {
  margin-left: 9px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-11 {
  margin-left: 11px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-13 {
  margin-left: 13px;
}

.ml-14 {
  margin-left: 14px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-17 {
  margin-left: 17px;
}

.ml-18 {
  margin-left: 18px;
}

.ml-19 {
  margin-left: 19px;
}

.ml-20 {
  margin-left: 20px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 1px;
}

.pt-2 {
  padding-top: 2px;
}

.pt-3 {
  padding-top: 3px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-6 {
  padding-top: 6px;
}

.pt-7 {
  padding-top: 7px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-9 {
  padding-top: 9px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-11 {
  padding-top: 11px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-13 {
  padding-top: 13px;
}

.pt-14 {
  padding-top: 14px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-17 {
  padding-top: 17px;
}

.pt-18 {
  padding-top: 18px;
}

.pt-19 {
  padding-top: 19px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 1px;
}

.pr-2 {
  padding-right: 2px;
}

.pr-3 {
  padding-right: 3px;
}

.pr-4 {
  padding-right: 4px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-6 {
  padding-right: 6px;
}

.pr-7 {
  padding-right: 7px;
}

.pr-8 {
  padding-right: 8px;
}

.pr-9 {
  padding-right: 9px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-11 {
  padding-right: 11px;
}

.pr-12 {
  padding-right: 12px;
}

.pr-13 {
  padding-right: 13px;
}

.pr-14 {
  padding-right: 14px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-16 {
  padding-right: 16px;
}

.pr-17 {
  padding-right: 17px;
}

.pr-18 {
  padding-right: 18px;
}

.pr-19 {
  padding-right: 19px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pb-3 {
  padding-bottom: 3px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pb-7 {
  padding-bottom: 7px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-9 {
  padding-bottom: 9px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-11 {
  padding-bottom: 11px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-13 {
  padding-bottom: 13px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pb-19 {
  padding-bottom: 19px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 1px;
}

.pl-2 {
  padding-left: 2px;
}

.pl-3 {
  padding-left: 3px;
}

.pl-4 {
  padding-left: 4px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-6 {
  padding-left: 6px;
}

.pl-7 {
  padding-left: 7px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-9 {
  padding-left: 9px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-11 {
  padding-left: 11px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-13 {
  padding-left: 13px;
}

.pl-14 {
  padding-left: 14px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-17 {
  padding-left: 17px;
}

.pl-18 {
  padding-left: 18px;
}

.pl-19 {
  padding-left: 19px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-41 {
  padding-left: 41px;
}

.pl-42 {
  padding-left: 42px;
}

.pl-43 {
  padding-left: 43px;
}

.pl-44 {
  padding-left: 44px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-46 {
  padding-left: 46px;
}

.pl-47 {
  padding-left: 47px;
}

.pl-48 {
  padding-left: 48px;
}

.pl-49 {
  padding-left: 49px;
}

.pl-50 {
  padding-left: 50px;
}

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

/* Fin utils positionnement */
/* Utils Font */
.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

/* Fin utils Font */
/* Fonts
===========================================================================*/
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../include/fonts/glyphicons-halflings-regular.eot");
  src: url("../include/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../include/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../include/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../include/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../include/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
}
@font-face {
  font-family: "myriad";
  src: url("../include/fonts/MyriadPro-Regular.eot");
  src: url("../include/fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../include/fonts/MyriadPro-Regular.woff") format("woff"), url("../include/fonts/MyriadPro-Regular.ttf") format("truetype"), url("../include/fonts/MyriadPro-Regular.svg#myriad") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "myriad";
  src: url("../include/fonts/myriad-pro-bold.eot");
  src: url("../include/fonts/myriad-pro-bold.eot?#iefix") format("embedded-opentype"), url("../include/fonts/myriad-pro-bold.woff") format("woff"), url("../include/fonts/myriad-pro-bold.ttf") format("truetype"), url("../include/fonts/myriad-pro-bold.svg#myriadbold") format("svg");
  font-weight: bold;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "myriadbold";
  src: url("../include/fonts/myriad-pro-bold.eot");
  src: url("../include/fonts/myriad-pro-bold.eot?#iefix") format("embedded-opentype"), url("../include/fonts/myriad-pro-bold.woff") format("woff"), url("../include/fonts/myriad-pro-bold.ttf") format("truetype"), url("../include/fonts/myriad-pro-bold.svg#myriadbold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "MyriadProSemibold";
  src: url("../include/fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../include/fonts/MyriadPro-Semibold.otf") format("opentype"), url("../include/fonts/MyriadPro-Semibold.woff") format("woff"), url("../include/fonts/MyriadPro-Semibold.ttf") format("truetype"), url("../include/fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "socicon";
  src: url("../include/fonts/socicon-webfont.eot");
  src: url("../include/fonts/socicon-webfont.eot?#iefix") format("embedded-opentype"), url("../include/fonts/socicon-webfont.woff2") format("woff2"), url("../include/fonts/socicon-webfont.woff") format("woff"), url("../include/fonts/socicon-webfont.ttf") format("truetype"), url("../include/fonts/socicon-webfont.svg#sociconregular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: initial;
}
button:focus, button:active {
  outline: none;
}

#containerprojet448 #chiffredaffaire {
  display: none;
}

.socicon {
  font-family: "socicon" !important;
}

#suivi_twitter iframe {
  width: 100% !important;
  margin-bottom: 20px !important;
}

.souligne {
  text-decoration: underline;
}

.middle {
  vertical-align: middle;
}

/***** CSS Checkbox + Radio *******/
input[type=checkbox].css-checkbox, input[type=radio].css-checkbox {
  position: absolute;
  z-index: -1000;
  visibility: hidden;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr, input[type=radio].css-checkbox + label.css-label-radio, input[type=radio].css-checkbox + label.css-label-radio.clr {
  padding-left: 25px;
  display: inline-block;
  line-height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
  background-image: url(/websites/pretup-1/images/checkbox-checked.svg);
}

label.css-label, label.css-checkbox-radio {
  background-image: url(/websites/pretup-1/images/checkbox.svg);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=radio].css-checkbox:checked + label.css-label-radio, input[type=radio].css-checkbox + label.css-label-radio.chk {
  background-image: url(/websites/pretup-1/images/radio-checked.svg);
}

label.css-label-radio {
  background-image: url(/websites/pretup-1/images/radio.svg);
}

/******* CSS Checkbox + Radio *******/
/* Balises de base
---------------------------------------------*/
html {
  overflow-y: auto;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  /*color:#323232;*/
  color: #4a4a4a;
  font-weight: normal;
  font-size: 14px;
  background-color: white;
}

html, body, p, h1, h2, h3, h4, h5, h6, div, span, input, button {
  font-family: "myriad";
}

body {
  min-height: 500px;
  overflow-x: hidden;
}

body.no-banner {
  padding-top: 150px;
}

body.body-dark {
  background-color: #282828;
}

a:focus,
a:hover,
a:active {
  outline: none;
  text-decoration: none;
}

a {
  color: #3857a6;
}

a:hover {
  color: #333;
}

h1, .h1, h2 {
  font-size: 34px;
  color: #4161a9;
  padding-top: 0;
  padding-top: 10px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 30px;
}

h2, .h2 {
  border: 0;
  color: #4161a9;
}

.displaytable {
  display: table;
}
.displaytable .displaytr {
  display: table-row;
}
.displaytable .displaytr .displaytd {
  display: table-cell;
}

.container-generic h2 {
  font-size: 26px;
  color: #4161a9;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  /*text-align:center;*/
  padding: 0px 0px 5px 0px;
  margin: 20px 0px 15px 0px;
}

.container-generic h3 {
  margin: 40px 0 16px 0;
  border: none;
  font-size: 32px;
  font-weight: bold;
  color: #3858a3;
}

.container-generic p {
  font-size: 16px;
  color: #4a4a4a;
  margin-bottom: 20px;
}
.container-generic p .accent-color {
  color: #3858a3;
  font-weight: bold;
}

.bloc-padding {
  width: 100%;
  margin-top: 72px;
}

h3 {
  font-size: 16px;
  color: #444;
  font-weight: normal;
  border-bottom: 1px solid #7191d9;
  /*text-align:center;*/
  padding: 0px 0px 3px 0px;
  margin: 15px 0px 10px 15px;
}

h4 {
  font-size: 16px;
  color: #444;
  font-weight: normal;
  /*text-align:center;*/
  padding: 0px 0px 3px 0px;
  margin: 10px 0px 10px 30px;
}

.emprunter h1, .emprunter .h1 {
  color: #e2b20c;
}

.emprunter h2, .emprunter .h2 {
  color: #e2b20c;
}

label, .pointer {
  cursor: pointer;
}

select.form-control {
  -webkit-appearance: none;
  background-image: url("/websites/pretup-1/images/fleche_bas.png");
  background-repeat: no-repeat;
  background-position: right 5px center;
  padding-top: 5px;
  line-height: 17px !important;
  height: 40px;
}

/*input[type=text]:focus,
input[type=number]:focus ,
input[type=date]:focus ,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus
{
        border:1px solid #aaa;
        outline:none;
        -moz-box-shadow:    inset 1px 1px 2px #999;
    -webkit-box-shadow: inset 1px 1px 2px #999;
    box-shadow:         inset 1px 1px 2px #999;
}*/
input[type=checkbox], input[type=radio] {
  vertical-align: middle;
}

textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none;
  border: 1px solid #4161a9 !important;
  overflow: auto;
  padding: 3px;
  color: #444;
  -moz-box-shadow: inset 1px 1px 2px #ddd;
  -webkit-box-shadow: inset 1px 1px 2px #ddd;
  box-shadow: inset 1px 1px 2px #ddd;
  outline: none;
}

textarea:focus, input:focus {
  outline: none;
}

select {
  outline: none;
  font-size: 11px;
  font-weight: normal;
  border: 1px solid #4161a9;
  padding: 1px 2px 1px 2px;
  color: #333;
  height: 20px;
  line-height: 20px;
  margin: 0px 0px 0px 0px;
}

strong {
  font-family: "myriadbold";
  font-weight: normal;
}

.sansbordure {
  border: 0;
}

.droite {
  float: right;
}

.ui-widget-overlay {
  opacity: 0.5;
  background: #000;
}

/* TRANSITIONS */
*, body, a, div, span, h1, h2, h3, h4, h5, h6, p, input[type=text], input[type=number], input[type=date], input[type=email], input[type=tel], input[type=password] {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.35, 0.06, 0.27, 1);
}

.slider-horizontal {
  width: 100% !important;
  margin-top: 40px;
  color: #4161a9;
  height: 21px;
  font-size: 15px;
}
.slider-horizontal .tooltip {
  opacity: 1;
  font-size: 18px;
  font-family: myriad;
}
.slider-horizontal .tooltip .tooltip-inner {
  background-color: #3758a5;
  font-weight: bold;
  padding: 6px 12px;
}
.slider-horizontal .tooltip .tooltip-arrow {
  border-top-color: #3758a5;
}
.slider-horizontal .slider-track {
  border-radius: 13px;
  height: 9px !important;
  margin-top: -10px;
  border: solid 1px rgba(140, 160, 179, 0.5);
  background-image: none;
}
.slider-horizontal .slider-track .slider-handle {
  background-color: #3658a4;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  margin-top: -7px;
  border: 1px solid #3658a4;
  background-image: none;
  box-shadow: none;
  opacity: 1;
  z-index: 100;
}
.slider-horizontal .slider-track .slider-selection {
  background-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  filter: none !important;
  background-image: none;
  box-shadow: none;
}
.slider-horizontal .tooltip.top {
  margin-top: -8px;
}

/*

.slider-mindiv{
  position:absolute;
  left:3px;
  top:-2px;
}
.slider-maxdiv{
  position:absolute;
  right:3px;
  top:-2px;
}
*/
#btn-preter-ban {
  position: absolute;
  background-image: url("/websites/pretup-1/images/icone_btn_ban.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  padding: 15px 20px;
  padding-left: 85px;
  background-color: #3758a5;
  color: #fff;
  font-size: 30px;
  left: 15px;
  bottom: 0;
}

#btn-preter-ban:hover {
  background-color: #4265b4;
}

.formError .formErrorContent {
  background-color: #3654A0;
}

.formError .formErrorArrow div {
  background-color: #3654A0;
}

#montantempruntSlider, #simu_pretSlider {
  width: 100% !important;
}

.input_nbmois .radio-inline + .radio-inline {
  margin-left: 30px;
}

.hasDatepicker {
  width: 110px;
}

.montant {
  text-align: right;
}

.montanteuro {
  background-image: url("/websites/pretup-1/images/sigle_euro.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 25px;
  text-align: right;
}

.montantpourcent {
  background-image: url("/websites/pretup-1/images/sigle_pourcent.png");
  background-repeat: no-repeat;
  background-position: right 5px;
  padding-right: 25px;
  text-align: right;
}

.amcharts-main-div .amcharts-chart-div > a {
  display: none !important;
}

hr.sep {
  border: none;
  display: block;
  width: 100%;
  height: 11px;
  background-color: transparent;
  background-image: url("/websites/pretup-1/images/sep.png");
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 40px;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.righti, .righti a {
  text-align: right !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.big {
  font-size: 25px;
}

.nowrap {
  white-space: nowrap;
}

input[type=radio], input[type=checkbox] {
  margin: 0;
}

#scrollUp {
  background-image: url("/websites/pretup-1/images/top.png");
  bottom: 110px;
  right: 20px;
  width: 38px; /* Width of image */
  height: 38px; /* Height of image */
}

.zopim, .zopim iframe {
  /*z-index:2147483647!important;*/
}

.cookiebanner-close {
  float: left !important;
}

/* BOUTONS
=======================================================================*/
.bouton_preteur, .bouton_donnateur, .bouton_voir_tous_projets, .bouton_voir_plus_projets {
  display: block;
  width: 200px;
  padding: 5px 15px;
  background-color: #FFF;
  color: #3858a3;
  font-size: 18px;
  margin: auto;
  line-height: 26px;
  text-align: center;
  transition-duration: 0.5s;
  border-radius: 22.5px;
  border: solid 2px #d3e0ff;
  font-weight: bold;
}

.bouton_preteur:hover, .bouton_donnateur:hover, .bouton_voir_tous_projets:hover, .bouton_voir_plus_projets:hover {
  background-color: #3858a3;
  box-shadow: 0 2px 4px 0 rgba(74, 74, 74, 0.2);
  border-color: #3858a3;
  color: #fff;
}

.bouton_connexion {
  display: block;
  width: 182px;
  padding: 2px 0;
  background-color: #FFF;
  border: 2px solid #3654a0;
  color: #3654a0 !important;
  font-size: 15px;
  margin: auto;
  line-height: 25px;
  text-align: center;
  transition-duration: 0.5s;
}

.bouton_connexion:hover {
  color: #fff !important;
  border: 2px solid #3654a0 !important;
  background-color: #3654a0 !important;
  text-decoration: none;
}

.bouton_voir_tous_projets, .bouton_voir_plus_projets {
  width: 250px;
}

.bouton_voir_plus_projets {
  margin-bottom: 30px;
}

.button_projet_inactive {
  color: grey;
}

.bouton-gradient {
  outline: none;
  border: none;
  border-radius: 70px;
  background-image: linear-gradient(to right, rgb(56, 88, 163) 0%, rgb(56, 88, 163) 50%, rgb(70, 110, 212) 100%);
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 16px;
  display: block;
  max-width: 100%;
  margin: auto;
  transition-duration: 0.4s;
  background-size: 200%;
}

.bouton-gradient.vert {
  background-image: linear-gradient(to right, #89c423 0%, #89c423 50%, #d7eb6a 100%);
}

.bouton-gradient:hover, .bouton-gradient:active, .bouton-gradient:focus {
  background-position: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

button[disabled]:hover {
  cursor: not-allowed;
}

/* ACCUEIL
=======================================================================*/
.bandeau {
  background-color: transparent;
  margin: 20px 0px 20px 0px;
  min-height: 150px;
}

.bandeau h2 {
  color: #36539f;
  font-size: 34px;
}

.bandeau .pictos {
  color: #36539f;
  font-size: 18px;
  text-align: center;
}

.bandeau .pictos img {
  display: block;
  margin: auto;
}

/* HEADER
=======================================================================*/
.header_ban {
  /*min-height: 840px;*/
  width: 100%;
  margin-top: 0;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.header_ban .bg_france_color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  min-height: 1050px;
  background: linear-gradient(to bottom, #3858a3, #233667);
}
.header_ban .bg_france {
  position: absolute;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100%;
  background: url("/websites/pretup-1/images/france.svg") no-repeat center 200px;
}
@media (max-width: 767px) {
  .header_ban .bg_france {
    background-position: center 120px;
    background-size: 120%;
  }
}
.header_ban .mobilebutton {
  display: none;
}
@media (max-width: 767px) {
  .header_ban .mobilebutton {
    position: fixed;
    display: flex;
    z-index: 100;
    width: 100%;
    bottom: 0;
  }
  .header_ban .mobilebutton .mobile_preter, .header_ban .mobilebutton .mobile_emprunter {
    display: block;
    color: #ffffff;
    width: 50%;
    text-align: center;
    font-size: 16px;
    padding: 12px;
  }
  .header_ban .mobilebutton .mobile_preter a, .header_ban .mobilebutton .mobile_emprunter a {
    color: #ffffff;
    text-decoration: none;
    display: block;
  }
  .header_ban .mobilebutton .mobile_preter {
    background: #3858a3;
  }
  .header_ban .mobilebutton .mobile_emprunter {
    background: #eaa70c;
  }
}
.header_ban .accroche {
  margin-top: 57px;
  padding-bottom: 40px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.new-title {
  height: 60px;
  margin-bottom: 56px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.new-title > div:nth-child(2) {
  background: #3858a3;
  font-weight: bold;
  font-size: 27px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
}
@media (max-width: 1199px) {
  .new-title > div:nth-child(2) {
    font-size: 20px;
    text-align: center;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .new-title > div:nth-child(2) {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .new-title > div:nth-child(2) {
    height: 40px;
    margin-bottom: 24px;
  }
}
.new-title.new-title-blanc > div:nth-child(2) {
  background: #F3F5FA;
  color: #3858a3;
}
.new-title.new-title-trueblanc > div:nth-child(2) {
  background: #FFFFFF;
  color: #eaa70c;
}
.new-title.new-title-jaune > div:nth-child(2) {
  background: #eaa70c;
}
.new-title img {
  height: 60px;
}
@media (max-width: 767px) {
  .new-title img {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .new-title.tissu-eco img {
    height: 40px;
  }
}
.new-title.claire {
  margin-bottom: -34px;
  z-index: 11;
  position: relative;
}
@media (max-width: 767px) {
  .new-title.claire {
    margin-bottom: -50px;
  }
}
.new-title.claire > div:nth-child(2) {
  background: #a8b9e7;
  color: #3858a3;
}
@media (max-width: 767px) {
  .new-title.tissu-eco > div:nth-child(2) {
    height: 50px;
  }
  .new-title.tissu-eco img {
    height: 50px;
  }
}

.liste-projet-home .row:first-child > div:first-child {
  position: relative;
}
.liste-projet-home .row:first-child > div:first-child:before {
  content: url(/websites/pretup-1/images/home/rectangle.png);
  position: absolute;
  left: -40px;
  bottom: 0;
}

@media (max-width: 1199px) {
  .header_ban {
    height: auto;
    padding-bottom: 40px;
  }
}
.header_ban.small {
  height: 310px;
  background-position: center 85px;
}

div.scrolling {
  min-height: 100%;
}

.header_ban_small {
  background-position: center center;
  background-repeat: no-repeat;
  height: 310px;
  overflow: hidden;
  position: relative;
}

/*.header_txt {
    position:relative;
    top:0px;
    margin-top:0px;
    margin-bottom: 0px;
    color:#fff;

}
.header_txt .h1, .header_txt h1 {
    color:#fff;
    font-weight:bold;
    font-size:50px;
    -moz-text-shadow: 		2px 2px 4px #000;
    -webkit-text-shadow:    2px 2px 4px #000;
    text-shadow: 			2px 2px 4px #000;
    margin-bottom:15px;
}
.header_txt p {
    font-size:20px;
    line-height: 35px;
    font-weight: bold;
    -moz-text-shadow: 		2px 2px 3px #000;
    -webkit-text-shadow:    2px 2px 3px #000;
    text-shadow: 			2px 2px 3px #000;
}
.header_txt .big {
    font-weight: normal;
    font-size:30px;

}*/
.header_blocs {
  min-height: 170px;
  background-image: url("/websites/pretup-1/images/header_blocs2.png");
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  color: #333;
  text-align: left;
  margin-top: 50px;
  padding: 0px 0px 15px 10px;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  text-shadow: none;
}

.header_blocs p {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  font-family: myriad;
  line-height: 17px;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  text-shadow: none;
}

.header_blocs .h2 {
  font-size: 34px;
  font-family: myriadbold;
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

.header_blocs .bouton {
  display: block;
  margin: auto;
  padding: 8px 0 8px 0;
  color: #fff;
  font-size: 18px;
  width: 200px;
  text-align: center;
  /*
      box-shadow:         3px 3px 3px #aaa;
  -moz-box-shadow:    3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;
  */
  transition-duration: 0.5s;
}

.header_blocs .bouton:hover,
.header_blocs .bouton:active,
.header_blocs .bouton:focus {
  text-decoration: none;
  /*
      box-shadow:         3px 3px 3px #777;
  -moz-box-shadow:    3px 3px 3px #777;
  -webkit-box-shadow: 3px 3px 3px #777;
  */
}

.header_blocs .preteur {
  padding-left: 0px;
  position: relative;
}

.header_blocs .preteur .h2 {
  color: #3857a6;
}

.header_blocs .preteur .bouton {
  background-color: #3857a6;
}

.header_blocs .emprunteur {
  padding-left: 30px;
}

.header_blocs .emprunteur .h2 {
  color: #e2b209;
}

.header_blocs .emprunteur .bouton {
  background-color: #e2b209;
}

#message_box {
  display: block;
  position: absolute;
  top: -650px;
  line-height: 25px;
  font-size: 18px;
  color: #222;
  background-color: #fff;
  padding: 15px 20px 15px 20px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 4px solid #3658a4;
  text-align: center;
  -moz-box-shadow: 0px 0px 20px 0px #000;
  -webkit-box-shadow: 0px 0px 20px 0px #000;
  box-shadow: 0px 0px 20px 0px #000;
  z-index: 9000;
}

#message_box.error {
  border: 4px solid #900;
  color: #900;
}

.popup {
  display: none;
}

.popup h2 {
  border: 0;
}

/* BANDEAU
=======================================================================*/
#bandeau_lancement {
  width: 102px;
  height: 85px;
  background-image: url("/websites/pretup-1/images/bandeau.png");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 10;
  position: absolute;
  left: -20px;
  top: 0px;
}

/* MENU
=======================================================================*/
#btn_credite_compte_header {
  width: 200px;
  text-align: center;
}

.navbar {
  padding-left: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #DEDEDE;
  z-index: 1000;
  transition-duration: 0.3s;
  height: 120px;
}
.navbar .container {
  position: relative;
  height: 120px;
  transition-duration: 0.3s;
}
.navbar .navbar-brand {
  height: 35px;
  padding: 0;
  background-color: transparent;
  z-index: 1000;
  position: relative;
  top: 40px;
  left: 0;
  transition-duration: 0.3s;
  width: 150px;
}
.navbar .navbar-brand .logo-standard, .navbar .navbar-brand .logo-scrolled, .navbar .navbar-brand .logo-standard-wrap {
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.3s;
}
.navbar .navbar-brand .logo-scrolled {
  opacity: 0;
}
.navbar .navbar-brand .logo-standard-wrap {
  opacity: 0;
  margin: -12px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  width: calc(100% + 24px);
  transition-duration: 0.3s;
  height: 64px;
}
.navbar .navbar-brand .logo-standard-wrap .imgwrapper {
  display: none;
  height: 40px;
  width: 100%;
  position: absolute;
  left: 12px;
}
.navbar .navbar-brand .logo-standard-wrap .imgwrapper img {
  max-width: calc(100% - 24px);
  max-height: 40px;
}
.navbar .navbar-brand .logo-standard-wrap .imgwrapper.pretup {
  top: 12px;
}
.navbar .navbar-brand .logo-standard-wrap .imgwrapper.unilend {
  bottom: 12px;
}
.navbar .navbar-brand:hover .logo-standard-wrap, .navbar .navbar-brand:focus .logo-standard-wrap {
  opacity: 1;
  height: 120px !important;
}
.navbar .navbar-brand:hover .logo-standard-wrap .imgwrapper, .navbar .navbar-brand:focus .logo-standard-wrap .imgwrapper {
  display: block;
}
.navbar .navbar-toggle {
  margin-top: 20px;
  z-index: 2000;
  border: 0;
  padding: 0;
  color: #3857a6;
  font-size: 22px;
}
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {
  background-color: transparent;
}
.navbar .nav {
  margin-top: 10px !important;
  margin-left: 0;
}
.navbar .navbar-nav > li {
  padding: 25px 10px;
  padding-bottom: 0px;
  transition-property: padding;
  transition-duration: 0.3s;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-nav > li {
    padding: 25px 0;
    padding-bottom: 0px;
  }
}
.navbar .navbar-nav > li > a {
  transition-duration: 0.25s;
  color: #a1b4e6;
  padding-top: 15px;
  padding-bottom: 24px;
  font-size: 16px;
}
.navbar .navbar-nav > li > a.unilend {
  color: #b11367;
}
.navbar .navbar-nav > li > a.unilend:hover {
  color: #b11367 !important;
}
.navbar .caret {
  width: 10px;
  height: 10px;
  border: none;
  font-size: 12px;
  margin-top: -3px;
}
.navbar .navbar-nav > li {
  border-right: 0 solid #e0e0e0;
}
.navbar .navbar-nav > li:last-child {
  border-right: none;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  color: white;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: white;
}
.navbar .dropdown-menu {
  left: 10px;
  border-radius: 4px !important;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(40, 40, 40, 0.12);
  padding: 0;
  overflow: hidden;
  transition-duration: 0.4s;
}
.navbar .menu_preteur {
  margin-left: 15px;
  margin-right: 15px;
}
.navbar .menu_preteur .rang_preteur {
  margin-right: 10px;
}
.navbar .menu_preteur .dropdown-menu {
  left: auto;
  right: 0;
}
.navbar .dropdown-menu > li > a {
  transition-duration: 0.3s;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  padding: 10px 20px;
}
.navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:focus, .navbar .dropdown-menu > .active > a:hover, .navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > li > a:hover {
  background-color: #f3f5fa;
  color: #4a4a4a;
}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  background: none;
  color: #fff;
}
.navbar #div-connexion {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 100;
  font-size: 13px;
  color: #232323;
  box-sizing: border-box;
  transition-duration: 0.3s;
}
.navbar #div-connexion a {
  margin: 0;
}
.navbar #div-connexion .menu_preteur {
  display: inline-block;
  height: 100%;
  padding-top: 6px;
}
.navbar #div-connexion .menu_preteur ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.navbar #div-connexion .menu_preteur ul .dropdown-toggle {
  font-weight: bold;
  padding-bottom: 18px;
  display: block;
  padding-top: 0;
}
.navbar #div-connexion .dropdown-hover:menu {
  color: #fff;
}
@media (max-width: 767px) {
  .navbar #div-connexion {
    position: static;
    margin-top: 15px;
    margin-left: 9px;
    border-bottom: solid 2px #d3e0ff;
    padding-bottom: 15px;
  }
}

.navbar-white.navbar-admin .navbar-nav > li > a {
  padding-left: 0px;
  padding-right: 0px;
}
.navbar-white.navbar-admin .navbar-nav {
  padding-left: 0;
}
.navbar-white.navbar-admin #searchglobaladmin {
  top: 40px;
  transition-duration: 0.4s;
}

.navbar-white.navbar-admin.scrolled #searchglobaladmin {
  top: 20px;
}

.navbar .icon-bell {
  color: #3858a3;
  font-size: 22px;
}

.navbar-transparent {
  background: none;
  border: none;
}
.navbar-transparent .icon-bell {
  color: #fff;
}
.navbar-transparent .new-btn-reverse:hover {
  background-color: #fff;
  border-color: #fff !important;
  color: #3858a3 !important;
}
.navbar-transparent .container {
  border-bottom: 2px solid #a1b4e6;
}
.navbar-transparent .container #div-connexion a {
  color: #fff;
  border-color: #a1b4e6;
}
.navbar-transparent .container #div-connexion .dropdown-menu a {
  color: #4a4a4a;
}
.navbar-transparent .container .navbar-nav > .open > a, .navbar-transparent .container .navbar-nav > .open > a:hover, .navbar-transparent .container .navbar-nav > .open > a:focus,
.navbar-transparent .container .navbar-nav > li > a:hover, .navbar-transparent .container .navbar-nav > li > a:focus {
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-transparent .container .navbar-nav > .open > a, .navbar-transparent .container .navbar-nav > .open > a:hover, .navbar-transparent .container .navbar-nav > .open > a:focus,
  .navbar-transparent .container .navbar-nav > li > a:hover, .navbar-transparent .container .navbar-nav > li > a:focus {
    color: #3858a3;
  }
}

.navbar-white {
  background: none;
  border: none;
}
.navbar-white .icon-bell {
  color: #3858a3;
}
.navbar-white .container {
  border-bottom: 2px solid #d3e0ff;
}
.navbar-white .container #div-connexion a {
  color: #3858a3;
  border-color: #a1b4e6;
}
.navbar-white .container .navbar-nav > .open > a, .navbar-white .container .navbar-nav > .open > a:hover, .navbar-white .container .navbar-nav > .open > a:focus,
.navbar-white .container .navbar-nav > li > a:hover, .navbar-white .container .navbar-nav > li > a:focus {
  color: #3858a3;
}
.navbar-white .navbar-nav > li > a {
  color: #282828;
}
.navbar-white .navbar-brand .logo-standard {
  opacity: 0;
}
.navbar-white .navbar-brand .logo-scrolled {
  opacity: 1;
}

.navbar-transparent.scrolled, .navbar-white.scrolled {
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  height: 80px;
}
.navbar-transparent.scrolled .divannonncesmobile, .navbar-white.scrolled .divannonncesmobile {
  top: 30px;
}
.navbar-transparent.scrolled .icon-bell, .navbar-white.scrolled .icon-bell {
  color: #3858a3;
}
.navbar-transparent.scrolled .container, .navbar-white.scrolled .container {
  height: 80px;
  border: none;
}
.navbar-transparent.scrolled .navbar-nav > .open > a, .navbar-transparent.scrolled .navbar-nav > .open > a:hover, .navbar-transparent.scrolled .navbar-nav > .open > a:focus,
.navbar-transparent.scrolled .navbar-nav > li > a:hover, .navbar-transparent.scrolled .navbar-nav > li > a:focus, .navbar-white.scrolled .navbar-nav > .open > a, .navbar-white.scrolled .navbar-nav > .open > a:hover, .navbar-white.scrolled .navbar-nav > .open > a:focus,
.navbar-white.scrolled .navbar-nav > li > a:hover, .navbar-white.scrolled .navbar-nav > li > a:focus {
  color: #3858a3;
}
.navbar-transparent.scrolled .navbar-nav > li, .navbar-white.scrolled .navbar-nav > li {
  padding: 5px 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-transparent.scrolled .navbar-nav > li, .navbar-white.scrolled .navbar-nav > li {
    padding: 5px 0;
  }
}
.navbar-transparent.scrolled .navbar-nav > li > a, .navbar-white.scrolled .navbar-nav > li > a {
  color: #282828;
}
.navbar-transparent.scrolled .dropdown-menu, .navbar-white.scrolled .dropdown-menu {
  top: 45px;
}
.navbar-transparent.scrolled .navbar-brand, .navbar-white.scrolled .navbar-brand {
  top: 20px;
}
.navbar-transparent.scrolled .navbar-brand .logo-scrolled, .navbar-white.scrolled .navbar-brand .logo-scrolled {
  opacity: 1;
}
.navbar-transparent.scrolled #div-connexion, .navbar-white.scrolled #div-connexion {
  top: 20px;
}
.navbar-transparent.scrolled #div-connexion a, .navbar-white.scrolled #div-connexion a {
  color: #3858a3;
}

@media (max-width: 767px) {
  .navbar .navbar-toggle, .navbar.scrolled .navbar-toggle, .navbar-transparent .navbar-toggle, .navbar-transparent.scrolled .navbar-toggle {
    top: 30px;
    right: 20px;
    transition-duration: 0.2s;
  }
  .navbar .container, .navbar.scrolled .container, .navbar-transparent .container, .navbar-transparent.scrolled .container {
    border: none;
  }
  .navbar .container #div-connexion, .navbar.scrolled .container #div-connexion, .navbar-transparent .container #div-connexion, .navbar-transparent.scrolled .container #div-connexion {
    position: static;
    margin-top: 20px;
    margin-left: 10px;
  }
  .navbar .container #div-connexion a, .navbar.scrolled .container #div-connexion a, .navbar-transparent .container #div-connexion a, .navbar-transparent.scrolled .container #div-connexion a {
    color: #3858a3;
  }
  .navbar .navbar-brand, .navbar.scrolled .navbar-brand, .navbar-transparent .navbar-brand, .navbar-transparent.scrolled .navbar-brand {
    margin-left: 20px;
  }
  .navbar .navbar-nav > li, .navbar.scrolled .navbar-nav > li, .navbar-transparent .navbar-nav > li, .navbar-transparent.scrolled .navbar-nav > li {
    padding: 10px;
  }
  .navbar .navbar-nav > li a, .navbar.scrolled .navbar-nav > li a, .navbar-transparent .navbar-nav > li a, .navbar-transparent.scrolled .navbar-nav > li a {
    padding: 0;
    color: #282828;
  }
  .navbar .navbar-toggle .icon-bar {
    background-color: #3858a3;
  }
  .navbar .navbar-collapse.collapse.in, .navbar .navbar-collapse.collapsing {
    background: #fff;
  }
  .navbar .navbar-collapse.collapse.in .dropdown-menu, .navbar .navbar-collapse.collapsing .dropdown-menu {
    border: none;
    margin-left: 20px;
    box-shadow: none;
  }
  .navbar .navbar-collapse.collapse.in .dropdown-menu li, .navbar .navbar-collapse.collapsing .dropdown-menu li {
    padding: 10px;
  }
  .navbar .navbar-collapse {
    margin-top: 60px;
    transition-duration: 0.2s;
  }
  .navbar.scrolled .navbar-brand {
    top: 24px;
  }
  .navbar.scrolled .navbar-collapse {
    margin-top: 30px;
  }
  .navbar.scrolled .navbar-toggle {
    top: 15px;
  }
  .navbar.scrolled .navbar-toggle .icon-bar {
    background-color: #3858a3;
  }
  .navbar-transparent .navbar-toggle .icon-bar {
    background-color: #fff;
  }
}
/********* Proposition de projet *********/
.blockdirigeant {
  border: 1px dashed #666;
  margin-bottom: 10px;
  padding: 10px;
}

.titredirigeant {
  text-align: center;
  font-weight: bold;
  font-size: 1.21em;
}

/* BLOCS PROJETS
=======================================================================*/
.page_projet .slider_projet {
  position: relative;
}

.title-project {
  font-size: 32px;
  line-height: normal;
  letter-spacing: normal;
  color: #282828;
}

.page_projet .slider_projet .bandeau_type {
  position: absolute;
  right: -13px;
  top: -18px;
  z-index: 100;
}

.bloc_survol {
  display: none;
  background-color: rgb(226, 178, 9);
  background-color: rgba(226, 178, 9, 0.8);
  color: #fff;
  position: absolute;
  top: 0px;
  text-align: center;
  left: 0px;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.bloc_survol_table {
  display: table;
  width: 100%;
  height: 100%;
}

.bloc_survol .survol_link {
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
  display: inline-block;
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  transition-duration: 0.5s;
}

.bloc_survol .survol_link:hover,
.bloc_survol .survol_link:active,
.bloc_survol .survol_link:focus {
  text-decoration: none;
  background-color: rgb(226, 178, 9);
  background-color: rgb(226, 178, 9);
}

.survol_titre {
  font-size: 25px;
  height: 100%;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: table-cell;
  vertical-align: middle;
}

.bloc_termine {
  background-color: rgb(61, 98, 185);
  background-color: rgba(61, 98, 185, 0.7);
  color: #fff;
  position: absolute;
  top: 0px;
  text-align: center;
  left: 0px;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.bloc_termine .survol_link {
  padding: 10px 10px 10px 10px;
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  transition-duration: 0.5s;
}

.bloc_termine .survol_link:hover,
.bloc_termine .survol_link:active,
.bloc_termine .survol_link:focus {
  text-decoration: none;
  background-color: rgb(226, 178, 9);
  background-color: rgb(226, 178, 9);
}

.bloc_termine .survol_titre {
  font-size: 22px;
  text-transform: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 30px;
}

.bloc_projet_offre {
  padding: 20px 0px 0px 0px;
  font-size: 18px;
}

.bloc_projet_offre label {
  font-weight: normal;
  padding-right: 10px;
}

.bloc_projet_offre input#projet_offre {
  height: 40px;
  width: 130px;
  line-height: 40px;
  font-size: 20px;
  padding: 0px 20px 0px 8px;
  text-align: right;
}

.bloc_projet_offre span.euro {
  color: #333;
  position: relative;
  font-size: 20px;
  left: -17px;
}

.bloc_projet_offre p.info {
  margin-top: 25px;
  font-size: 12px;
  font-weight: normal;
  color: #ccc;
}

.bloc_projet_offre p.info a {
  font-weight: normal;
  color: #ccc;
  text-decoration: underline;
}

.bouton_crediter {
  color: #fff;
  font-size: 23px !important;
  float: right;
  margin: 0 !important;
}

.bloc_projet_offre #retour_ajax {
  display: none;
}

.bloc_projet_offre a.retour {
  font-size: 16px;
  color: #eee;
}

.bloc_projet_offre a.retour:hover {
  border-bottom: 1px solid #ccc;
}

.retout_pret_ok, .retout_pret_ko {
  min-height: 34px;
  color: #fff;
  line-height: 34px;
  font-size: 16px;
}

.retout_pret_ok a, .retout_pret_ko a {
  color: #fff;
}

.retout_pret_ok {
  background-color: #3657a4;
}

.retout_pret_ko {
  background-color: #BA0000;
}

.soldenetete {
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 0;
  color: #3857a6;
}

.emprunter-particulier .header-line {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 68px;
}
.emprunter-particulier .title-jaune {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #eaa70c;
}

/* SOCIAL
=======================================================================*/
#sharePreter {
  background-color: #3B5998;
  padding: 6px;
  border-radius: 5px;
}

.footer_social #bloc_connexion {
  display: inline-block;
  height: 35px;
  line-height: 34px;
  padding: 2px 10px 5px 0px;
}

/* CONTENU GENERAL DU SITE
=======================================================================*/
.upline {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.liste_avantages {
  list-style: none;
}

.liste_avantages li {
  position: relative;
  padding-left: 80px;
  margin: 0px;
  padding: 0px 20px 0px 80px;
}

.liste_avantages li h3 {
  color: #1d3e8a;
  margin: 0px 0px 8px 0px;
  padding: 0px;
  font-size: 24px;
  border: none;
}

.emprunter .liste_avantages li h3 {
  color: #e2b20c;
}

.liste_avantages li img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}

.liste_avantages li p {
  min-height: 80px;
  font-size: 18px;
}

.liste_etapes {
  list-style: none;
  position: relative;
}

.liste_etapes li {
  position: relative;
  padding-left: 80px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

.liste_etapes li div {
  width: 229px;
  margin: auto;
  position: relative;
}

.liste_etapes li div img {
  display: block;
}

.liste_etapes li div h3 {
  position: absolute;
  top: 10px;
  left: 50px;
  padding: 0px;
  margin: 0px;
  width: 180px;
  color: #1d3e8a;
  font-size: 18px;
  border: none;
}

.emprunter .liste_etapes li div h3 {
  color: #e2b20c;
}

.bloc_choix_projet, .bloc_choix_emprunt {
  background-image: linear-gradient(to right, #29418e 0%, #456dbb 100%);
  height: auto;
  margin: 20px 0 0 0;
  overflow: hidden;
  position: relative;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
.bloc_choix_projet .oval-1, .bloc_choix_emprunt .oval-1 {
  position: absolute;
  top: -80px;
  left: -100px;
}
.bloc_choix_projet .oval-2, .bloc_choix_emprunt .oval-2 {
  position: absolute;
  bottom: -80px;
  right: -200px;
}
.bloc_choix_projet .new-title, .bloc_choix_emprunt .new-title {
  margin-bottom: 28px;
}
.bloc_choix_projet .sous-texte, .bloc_choix_emprunt .sous-texte {
  text-align: center;
  margin-bottom: 28px;
}
.bloc_choix_projet .bloc-explicatif, .bloc_choix_emprunt .bloc-explicatif {
  margin-top: 40px;
}
.bloc_choix_projet .bloc-explicatif-schema, .bloc_choix_emprunt .bloc-explicatif-schema {
  padding: 48px 66px;
  border-radius: 2px;
  border: solid 1px #99b6ff;
}
.bloc_choix_projet .bloc-explicatif-text, .bloc_choix_emprunt .bloc-explicatif-text {
  background: #99b6ff;
  color: #3858a3;
  padding: 16px 32px;
  text-align: center;
  position: relative;
  z-index: 10;
}

.bloc_choix_emprunt {
  background-image: linear-gradient(248deg, #fffbf0 93%, #fffaec 28%);
}
.bloc_choix_emprunt .fonctionnement-bar {
  border: solid 1px #eaa70c;
}
.bloc_choix_emprunt .fonctionnement-titre {
  font-size: 18px;
  color: #eaa70c;
  margin-top: 16px;
  margin-bottom: 20px;
}
.bloc_choix_emprunt .fonctionnement-subtitre {
  color: #4a4a4a;
  margin-bottom: 16px;
}
.bloc_choix_emprunt .fonctionnement-subtitre div:first-child {
  font-weight: bold;
}

.bloc_choix_projet h2 {
  color: #fff;
  font-size: 34px;
  margin: 20px 0px 20px 0px;
}

.bloc_choix_projet p {
  text-align: center;
}

.bloc_choix_projet p.fond_clair {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  text-align: left;
  font-size: 16px;
  padding: 10px;
  margin: 50px 0px 30px 0px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#bloc_choix_financement {
  background-image: linear-gradient(248deg, #fffbf0 93%, #fffaec 28%);
  background-color: #DEAE0C;
  height: auto;
  margin: 20px 0px 30px 0px;
  overflow: hidden;
  position: relative;
  color: #fff;
}

#bloc_choix_financement h2 {
  color: #fff;
  font-size: 34px;
  margin: 20px 0px 20px 0px;
}

.bloc_financement {
  background-image: url("/websites/pretup-1/images/bord_blanc_bl.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 0px 0px 10px 0px;
}

.bloc_financement h3 {
  background-image: url("/websites/pretup-1/images/rond.png");
  background-position: 0px 4px;
  background-repeat: no-repeat;
  position: relative;
  font-size: 18px;
  border: none;
  color: #fff;
  top: -7px;
  left: -5px;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
}

.bloc_financement p {
  color: #282828;
  padding-left: 15px;
}

button.btn_financement {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  transition-duration: 0.5s;
}

button.btn_financement:hover,
button.btn_financement:focus,
button.btn_financement:active {
  text-decoration: none;
  background-color: #B88F0A;
}

.ui-dialog .ui-dialog-titlebar {
  display: none;
}

.ui-dialog {
  font-family: myriad;
  color: #000;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=15);
}

.ui-dialog h2 {
  text-align: center;
}

.btn-submit {
  background-color: #3857a6;
  padding: 8px 15px;
  color: #fff;
  width: auto;
  text-align: center;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  border: 0px;
  border-radius: 0;
  outline: none !important;
}

.btn-submit:hover {
  color: #fff;
  background-color: #3D62B9;
  text-decoration: none;
  transition-duration: 0.5s;
}

.btn-cancel, .btn-cancel:active, .btn-cancel:focus {
  background-color: #BA0000;
  /*display: block;
  margin: auto;*/
  padding: 8px 15px;
  color: #fff !important;
  /*
      font-size: 18px;
  */
  width: auto;
  text-align: center;
  /*box-shadow: 3px 3px 3px #aaa;
  -moz-box-shadow: 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;*/
  /*
      box-shadow:
  2px 2px 10px #777;
  -moz-box-shadow: 	2px 2px 10px #777;
  -webkit-box-shadow: 2px 2px 10px #777;
  */
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  border: 0px;
  border-radius: 0;
  outline: none !important;
}

.btn-cancel:hover {
  color: #fff;
  /*border:2px solid #3654a0;*/
  background-color: #ff4949;
  text-decoration: none;
  /*
  box-shadow: 		2px 2px 10px #333;
  -moz-box-shadow: 	2px 2px 10px #333;
  -webkit-box-shadow: 2px 2px 10px #333;
  */
  transition-duration: 0.5s;
}

.btn-submit-inscription, .btn-submit-inscription:active, .btn-submit-inscription:focus {
  background-color: #e2b209;
  /*display: block;
  margin: auto;*/
  padding: 8px 30px;
  color: #fff !important;
  /*
      font-size: 18px;
  */
  width: auto;
  text-align: center;
  /*box-shadow: 3px 3px 3px #aaa;
  -moz-box-shadow: 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;*/
  box-shadow: 2px 2px 10px #777;
  -moz-box-shadow: 2px 2px 10px #777;
  -webkit-box-shadow: 2px 2px 10px #777;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  border: 0px;
  border-radius: 0;
  outline: none !important;
  border: 1px solid #fff;
  font-weight: bold;
}

.btn-submit-inscription:hover {
  background-color: #cca10b;
}

.sans-marge {
  margin: 0 !important;
}

.btn-reset {
  background-color: #666;
  /*display: block;
  margin: auto;*/
  padding: 8px 15px;
  color: #fff !important;
  font-size: 18px;
  width: 250px;
  text-align: center;
  /*box-shadow: 3px 3px 3px #aaa;
  -moz-box-shadow: 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;*/
  /*
      box-shadow: 		2px 2px 10px #777;
  -moz-box-shadow: 	2px 2px 10px #777;
  -webkit-box-shadow: 2px 2px 10px #777;
  */
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  border: 0;
  border-radius: 0;
}

.btn-reset:hover {
  color: #fff;
  /*border:2px solid #3654a0;*/
  background-color: #777;
  text-decoration: none;
  /*
  box-shadow: 		2px 2px 10px #333;
  -moz-box-shadow: 	2px 2px 10px #333;
  -webkit-box-shadow: 2px 2px 10px #333;
  */
  transition-duration: 0.5s;
}

.emailpreinscrformError {
  left: auto !important;
  right: 50px !important;
}

.control-label {
  color: #4161a9;
}

.closepopup {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.bloc_btn {
  text-align: center;
  padding-top: 10px;
}

.bloc_btn button {
  /*margin:0 10px;  */
  transition-duration: 0.5s;
}

.liste_checkbox {
  list-style: none;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

.liste_checkbox input[type=checkbox] {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0px 10px 0px 0px;
  outline: none !important;
  border: none;
}

/* FOOTER
=======================================================================*/
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 250px;*/
}

#body_admin {
  padding-top: 140px;
}

.footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  /*height: 200px;
  line-height: 30px;*/
  background-color: #232323;
  color: #fff;
  font-size: 16px;
  text-align: left;
  padding-top: 30px;
  clear: both;
}
.footer a {
  text-decoration: none !important;
}
.footer h3 {
  font-size: 18px;
  color: #f7f7f7;
  border: 0;
  margin: 0;
  margin-bottom: 20px;
}
.footer h3 a {
  color: #f7f7f7;
}
.footer h4, .footer h5 {
  font-size: 18px;
  color: #f7f7f7;
  opacity: 0.5;
  margin-bottom: 0;
  padding-bottom: 10px;
  margin-left: 0px;
}
.footer ul {
  list-style: none;
  padding: 0;
}
.footer ul li {
  color: #f7f7f7;
  font-size: 14px;
  opacity: 0.7;
  margin-bottom: 19px;
}
.footer ul li a {
  color: #f7f7f7;
  letter-spacing: 0.5px;
}
.footer .footer_social a.socicon {
  transition-duration: 0.5s;
  opacity: 0.5;
  color: #f7f7f7;
  font-size: 18px;
  border-radius: 30px;
  border: 2px solid #f7f7f7;
  margin-right: 20px;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
}
.footer .footer_social a.socicon:hover {
  opacity: 1;
}
.footer a.socicon.twitter:hover {
  color: #5EA9DD !important;
  border-color: #5EA9DD;
}
.footer a.socicon.facebook:hover {
  color: #3B5998;
  border-color: #3B5998;
}
.footer a.socicon.linkedin:hover {
  color: #1884BC !important;
  border-color: #1884BC;
}
.footer .footer_decouverte {
  background-color: #3757a5;
  padding: 10px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 2px;
}
.footer .footer_decouverte a.new-btn {
  margin-bottom: 0;
  margin-top: 5px;
}
.footer .new-btn {
  margin-top: 0px;
  margin-bottom: 10px;
}
.footer .footer_bottom {
  padding-top: 15px;
  line-height: 20px;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center;
}
.footer .footer_bottom p {
  font-size: 13px;
  display: block;
  margin-top: 5px;
  color: #f7f7f7;
  opacity: 0.5;
}
.footer .footer_bottom span {
  font-size: 13px;
  color: #585858;
}
.footer .footer_bottom a {
  color: #fff;
  opacity: 1;
}
.footer .footer_bottom a:hover,
.footer .footer_bottom a:focus,
.footer .footer_bottom a:active {
  color: #fff;
  text-decoration: none;
  border-bottom: none;
}
@media (max-width: 992px) {
  .footer {
    text-align: center;
  }
  .footer h3, .footer h5, .footer li, .footer .footer_social div {
    text-align: center;
  }
  .footer .footer_social a.socicon {
    margin-bottom: 10px;
  }
  .footer .col-footer-1, .footer .col-footer-2, .footer .col-footer-3 {
    margin-bottom: 20px;
  }
  .footer .col-footer-3 {
    clear: both;
  }
}
@media (max-width: 1200px) {
  .footer .footer_social a.socicon {
    margin-right: 10px;
  }
}

#formfooternewsletter p, #transactionsecurisees {
  color: #fff;
  text-align: left;
  font-size: 18px;
}

#formfooternewsletter .form-control {
  height: 34px;
  line-height: 34px;
}

#transactionsecurisees img {
  max-height: 40px;
}
@media (max-width: 767px) {
  #transactionsecurisees img {
    margin: auto;
    margin-bottom: 40px;
  }
}

#surfooter {
  background-color: #3757a5;
  margin-top: 60px;
}
#surfooter span {
  line-height: 30px;
  color: #fff;
  font-size: 25px;
  margin-right: 20px;
}
#surfooter .new-btn {
  margin: 10px 0;
}

.footer_moncompte h5 {
  margin-top: 0;
}
@media (min-width: 765px) {
  .footer_moncompte h5 {
    text-align: left;
  }
}
.footer_moncompte #service-client.numeromoncompte {
  background-size: 100% auto;
}
@media (max-width: 765px) {
  .footer_moncompte #service-client.numeromoncompte {
    background-size: 100% 100%;
  }
}
.footer_moncompte .footer_social, .footer_moncompte #service-client {
  margin-top: 20px;
}

#service-client {
  font-family: "arial";
  background-image: url("/websites/pretup-1/images/serviceClient.svg");
  background-position: right top;
  background-repeat: no-repeat;
  height: 50px;
  position: relative;
  right: 0;
  margin-top: 6px;
  background-size: auto 100%;
  margin-bottom: 4px;
}
@media (max-width: 765px) {
  #service-client {
    background-size: 100% 100%;
  }
}
#service-client span {
  line-height: 100%;
  margin-right: 0;
}
#service-client span.numero {
  position: absolute;
  color: #2C4684;
  font-size: 13px;
  font-weight: bold;
  right: 14px;
  top: 5px;
}
#service-client .dulundiauvendredi {
  color: #fff;
  font-size: 11px;
  width: 100%;
  display: block;
  text-align: right;
  position: absolute;
  bottom: -15px;
}

#nouveausurpretup {
  margin-top: 3px;
  font-weight: bold;
}
@media (max-width: 767px) {
  #nouveausurpretup {
    text-align: center;
    margin-top: 16px;
  }
}
#nouveausurpretup a {
  margin-top: 3px;
  font-weight: normal;
}

#popupcreditervirement p {
  font-size: 15px;
}

#popupcreditervirement table.finances tbody tr th, #popupcreditervirement table.finances tbody tr td {
  font-size: 16px;
}

#popupcreditervirement .tableauvirement {
  margin: auto;
  margin-bottom: 16px;
}

/************* PAGE PROJET ****************/
.relatif {
  position: relative;
}

div.titre_risque {
  background-image: url("/websites/pretup-1/images/classe_risque_bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  display: block;
  width: 47px;
  height: 55px;
  margin-top: 18px;
  margin-right: 10px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  float: left;
}

.page_projet {
  margin-top: 30px;
}

.page_projet h1, .page_projet .h1 {
  margin-bottom: 0;
}

.soustitreprojet {
  font-size: 16px;
  color: #4161a9;
}

#choisir_projet_1, #choisir_projet_2, #choisir_projet_3, #choisir_projet_4, #choisir_projet_5, #choisir_projet_6, #choisir_projet_7 {
  display: none;
}

.disabledSlider {
  position: absolute;
  width: 100%;
  height: 110%;
  z-index: 150;
  background-color: #fff;
  opacity: 0.5;
  left: 0;
  top: -2px;
  filter: alpha(opacity=50);
}

.fondgris {
  background-color: #363636;
  color: #fff;
  font-size: 15px;
  padding: 0 10px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.fondgris p {
  margin-bottom: 5px;
}

.fondgris .objectif_projet {
  font-size: 18px;
}

.fondbleu {
  color: #fff;
  font-size: 15px;
  background-color: #3658a4;
  padding-bottom: 10px;
}

.projet_avancement {
  padding: 0;
}
.projet_avancement span {
  padding-left: 5px;
}

.progress_box {
  background-color: #C3D0ED;
  position: relative;
  box-shadow: none;
  height: 17px;
  border: 1px solid #3658A4;
  width: 100%;
  overflow: hidden;
}

.progress_content {
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: none;
  height: 100%;
  background-image: url("/websites/pretup-1/images/loading_pretup.gif");
  background-position: top left;
  background-repeat: repeat;
  /*

  background-color:#4d6eb7;
  background-repeat:repeat-x;
    */
  background-position: left center;
  max-width: 100%;
}

.progess_content_bordure {
  border-right: 1px solid #3658A4;
}

.progress_box_new {
  background-color: #d7d7d7;
  position: relative;
  box-shadow: none;
  height: 10px;
  width: 100%;
  border-radius: 0;
}

.progress_content_new {
  position: absolute;
  top: 0;
  left: 0;
  background-image: none;
  height: 100%;
  max-width: 100%;
  background-color: #3657a4;
  border-radius: 0;
  transition-duration: 1s;
}

#projet_col_droite .bouton_preter {
  display: block;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  color: #3654a0;
  text-align: center;
  padding: 0px 30px 0px 30px;
  margin: 20px auto 10px auto;
  border: none;
  font-size: 23px;
}

#pret_simulation {
  background-color: transparent;
}

#pret_simulation {
  margin-top: 20px;
  color: #4161a9;
}

#pret_simulation table {
  border: 1px solid #3658a4;
  width: 100%;
}

#pret_simulation table th, #pret_simulation table td {
  text-align: center;
}

#pret_simulation table th {
  background-color: #3658a4;
  color: #fff;
  font-weight: bold;
}

#pret_simulation table td {
  color: #666;
}

#pret_simulation .bigger {
  font-size: 18px;
}

#simu_mensualite {
  margin-top: 20px;
  margin-bottom: 5px;
}

.bt-simu-projet {
  color: #fff;
  background-color: #3857a6;
  padding: 5px 10px;
  text-align: center;
  margin: 1px 0;
  cursor: pointer;
}

#bloc_mon_solde {
  background-color: transparent;
  margin-top: 20px;
  background-color: #3658a4;
}

#bloc_mon_solde p, #bloc_mon_solde a {
  font-size: 19px;
  text-align: center;
  margin: 5px;
  color: #fff;
  line-height: 23px;
}

.bleu {
  color: #4161a9;
}

.rouge {
  color: #C10B0B;
}

.vert {
  color: #468154;
}

.bold {
  font-weight: bold;
}

.input-group-addon {
  background-color: #3758a5;
  color: #fff;
  border: 1px solid #4161a9;
}

.new-icon {
  color: #3858a3;
  background: #fff;
  border-radius: 2px;
  border: solid 1px #d7deed;
}

.new-input {
  border-radius: 2px;
  border: solid 1px #d7deed;
  box-shadow: none;
}

.input-group .new-icon {
  border: 0;
  font-size: 22px;
  background: transparent;
}
.input-group .new-input {
  position: initial;
  border-radius: 0 2px 2px 0;
  border: solid 1px #d7deed;
}
.input-group.has-feedback {
  display: block;
}

.has-left-icon {
  /*Left padding 20px in this case, but it could be different due to other settings - for example in my project it was 25 pixels*/
  padding-left: 35px;
  padding-right: 10px;
}

.form-control + .glyphicon-search {
  left: 0;
}

table.finances, .tableaustat {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0px 0px 20px 0px;
  width: auto !important;
}

table.simulateur_debut {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0px 0px 20px 0px;
  font-size: 18px;
  border: 0;
  margin-top: 25px;
}

table.simulateur_debut th {
  text-align: left;
}

table.simulateur_debut td {
  text-align: right;
}

table.simulateur_debut td, table.simulateur_debut th {
  color: #616161;
  border-bottom: 1px solid #4161a9;
}

table.simulateur_debut .reversecolor {
  background-color: #4161a9;
  border-bottom: 1px solid #fff;
  color: #fff;
}

#menu_projet_interne table.finances, table.tableaustat {
  width: 100% !important;
}

table.tableaustat .odd td, table.tableaustat .odd th {
  background-color: #ddd;
  background-color: rgba(55, 88, 165, 0.1);
}

.table-bordered {
  border-color: #3758a5;
}

table.finances thead tr th,
table.finances thead tr td,
table.tableaustat thead tr th,
table.tableaustat thead tr td {
  border: 1px solid #3758a5;
  text-transform: uppercase;
  background-color: #3758a5;
  color: #fff;
  padding: 3px 10px 3px 10px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

table.tableaustat thead tr th span {
  text-transform: none;
}

table.finances tbody tr th, table.tableaustat tbody tr th {
  color: #282828;
  border: 1px solid #3758a5;
  padding: 3px 10px 3px 10px;
  font-size: 13px;
  font-weight: normal;
}

table.finances tbody tr td, table.tableaustat tbody tr td {
  color: #282828;
  border: 1px solid #3758a5;
  padding: 3px 10px 3px 10px;
  font-size: 13px;
}

table.tableaustat tbody tr th, table.tableaustat tbody tr td {
  font-size: 15px;
}

table.tableaustat tbody tr td {
  /*width:25%;*/
  text-align: center;
}

table.tableaustat {
  margin-bottom: 40px;
}
table.tableaustat .niveau1 {
  padding-left: 40px;
}
table.tableaustat .niveau2 {
  padding-left: 80px;
}
table.tableaustat .coltotal {
  border-left: 2px solid #3758a5 !important;
}

#body_statistiques_pretup .dataTables_info {
  display: none;
}
#menu_projet_interne tbody tr td {
  text-align: left;
}

#menu_projet_interne table.finances tbody tr td {
  text-align: right;
}

table.finances tfoot tr th, #menu_projet_interne tfoot tr th {
  text-transform: uppercase;
  font-weight: bold;
  color: #282828;
  border: 1px solid #3758a5;
  padding: 3px 10px 3px 10px;
  font-size: 14px;
  background-color: #eee;
}

table.finances tfoot tr td, #menu_projet_interne tfoot tr td {
  color: #282828;
  font-weight: bold;
  border: 1px solid #3758a5;
  background-color: #eee;
  text-align: right;
  padding: 3px 10px 3px 10px;
  font-size: 16px;
}

table.finances .center, #menu_projet_interne .center {
  text-align: center;
}

table.finances .left, #menu_projet_interne .left {
  text-align: left !important;
}

table.finances .right, #menu_projet_interne .right {
  text-align: right !important;
}

#simu_preteur_controller {
  margin-top: 50px;
  text-align: center;
}

#simu_preteur_controller p {
  margin: 10px;
  font-size: 46px;
}

#simu_preteur_controller img {
  cursor: pointer;
}

.carre-coin-bas:before {
  content: url(/websites/pretup-1/images/home/rectangle.png);
  position: absolute;
  left: -40px;
  bottom: -40px;
}

.video-presentation-pret {
  background-image: url("/websites/pretup-1/images/home/bg_pret_entreprise.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 450px;
  padding-top: 76px;
  margin-bottom: 100px;
}
@media (max-width: 1199px) {
  .video-presentation-pret {
    padding-top: 12px;
  }
}
.video-presentation-pret .text-presentation {
  margin-top: 52px;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #3858a3;
}
@media (max-width: 1199px) {
  .video-presentation-pret .text-presentation {
    margin-top: 20px;
  }
}

.bloc-etape-wrap {
  margin-top: 28px;
}
.bloc-etape-wrap .bloc-etape-financement {
  position: relative;
  height: 146px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  border-radius: 2px;
}
.bloc-etape-wrap .bloc-etape-financement img {
  max-height: 46px;
}
.bloc-etape-wrap .bloc-etape-financement .numero {
  position: absolute;
  top: -12px;
  left: 36px;
  width: 60px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 14px 0 rgba(161, 180, 230, 0.3);
  border-radius: 2px;
  background: #ffffff;
  color: #3858a3;
}
.bloc-etape-wrap .bloc-etape-financement.jaune .numero {
  color: #ce9000;
}
.bloc-etape-wrap .bloc-etape-financement.etape-financement-1 {
  background: #eaf0ff;
  color: #3858a3;
}
.bloc-etape-wrap .bloc-etape-financement.etape-financement-2 {
  background: #cfddff;
  color: #3858a3;
}
.bloc-etape-wrap .bloc-etape-financement.etape-financement-3 {
  background: #a1b4e6;
  color: #3858a3;
}
.bloc-etape-wrap .bloc-etape-financement.etape-financement-4 {
  background: #6785d0;
  color: #ffffff;
}
.bloc-etape-wrap .bloc-etape-financement.etape-financement-5 {
  background: #3858a3;
  color: #ffffff;
}
.bloc-etape-wrap .bloc-etape-financement.etape-financement-6 {
  background: #18316d;
  color: #ffffff;
}
.bloc-etape-wrap.jaune .bloc-etape-financement .numero {
  color: #ce9000;
}
.bloc-etape-wrap.jaune .bloc-etape-financement.etape-financement-1 {
  background: #ffebbd;
  color: #ce9000;
}
.bloc-etape-wrap.jaune .bloc-etape-financement.etape-financement-2 {
  background: #ffdc8b;
  color: #ce9000;
}
.bloc-etape-wrap.jaune .bloc-etape-financement.etape-financement-3 {
  background: #ffcf60;
  color: #ce9000;
}
.bloc-etape-wrap.jaune .bloc-etape-financement.etape-financement-4 {
  background: #ffc235;
  color: #ffffff;
}
.bloc-etape-wrap.jaune .bloc-etape-financement.etape-financement-5 {
  background: #eaa70c;
  color: #ffffff;
}
.bloc-etape-wrap.jaune .bloc-etape-financement.etape-financement-6 {
  background: #ce9000;
  color: #ffffff;
}

a.bloc-etape-wrap {
  display: block;
}

.etape-pret-inscription-conclusion {
  margin-top: 50px;
  margin-bottom: 92px;
}

.avantage-crowdlending {
  border: 1px solid #a1b4e6;
  position: relative;
  margin-bottom: 100px;
}
.avantage-crowdlending .avantage-title {
  font-size: 30px;
  font-weight: bold;
  color: #3858a3;
  display: flex;
  justify-content: center;
  position: absolute;
  top: -32px;
  width: 100%;
}
.avantage-crowdlending .avantage-title > div {
  padding: 8px;
  background: #ffffff;
  box-shadow: 0 0 20px #ffffff;
}
.avantage-crowdlending .bloc-avantage {
  text-align: center;
  padding: 92px 12px 80px 12px;
}
.avantage-crowdlending .bloc-avantage .img {
  height: 88px;
  width: 88px;
  background: #f3f5fa;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 28px;
}
.avantage-crowdlending .bloc-avantage .img img {
  height: 52px;
  width: 52px;
}
.avantage-crowdlending .bloc-avantage .titre-avantage {
  font-family: "MyriadProSemibold";
  font-size: 20px;
  margin-bottom: 24px;
}
.avantage-crowdlending .bloc-avantage .descriptif-avantage {
  font-size: 16px;
}

.avantage-crowdlending-emprunteur {
  margin-top: 120px;
  margin-bottom: 80px;
  border-color: #ffdc8b;
}
.avantage-crowdlending-emprunteur .avantage-title {
  color: #eaa70c;
}
.avantage-crowdlending-emprunteur .bloc-avantage .img {
  background: #ffebbd;
}

.simulateur {
  margin-bottom: 100px;
}
.simulateur .titre-simulateur {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  color: #3858a3;
  margin-bottom: 12px;
}
.simulateur .subtitre-simulateur {
  text-align: center;
  font-size: 16px;
  color: #4a4a4a;
  margin-bottom: 40px;
}

/* Système d'onglet
----------------------------------------*/
.divderoule {
  overflow: hidden;
}

.mentions_offre p {
  font-size: 13px;
  text-align: left !important;
}

/******** Calendar ******/
.ui-datepicker {
  font-size: 14px;
  z-index: 2501 !important;
}

.ui-datepicker {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year {
  background: transparent;
  color: white;
  border: none;
  margin-right: 15px;
}
.ui-datepicker .ui-datepicker-month *, .ui-datepicker .ui-datepicker-year * {
  color: black;
}
.ui-datepicker .ui-datepicker-year {
  margin-right: 0;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
  height: 35px;
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active {
  background: #3857a5;
  border-color: #3857a5;
}

.date_field {
  position: relative;
  z-index: 100;
}

.ui-widget input[type=text], .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 13px;
}

/* SIMULATEUR
===================================================*/
#btn_simul_emprunt, .btn_simul_emprunt {
  color: #ffffff;
  background-color: #3858a3;
  display: inline-block;
  padding: 12px 50px;
  font-size: 18px;
}

#btn_simul_emprunt {
  margin-bottom: 80px;
}

#popupsimul input[type=radio] {
  outline: none;
}

#popupsimul label input {
  display: block;
  margin: 0px auto 5px auto;
}

#popupsimul label {
  display: inline-block;
  background: #3654A0;
  width: 70px;
  text-align: center;
  padding: 5px 5px 5px 5px;
  /* float: left; */
  margin-right: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}

div#popupsimul table.simulation {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0px 0px 20px 0px;
}

div#popupsimul table.simulation tbody tr th {
  border: 1px solid #3758a5;
  text-transform: none;
  background-color: #eee;
  color: #333;
  padding: 3px 10px 3px 10px;
  text-align: right;
  font-weight: normal;
}

div#popupsimul table.simulation tbody tr td {
  color: #282828;
  border: 1px solid #3758a5;
  text-align: right;
  padding: 3px 10px 3px 10px;
}

div#popupsimul table.simulation tfoot tr th {
  border: 1px solid #3758a5;
  text-transform: none;
  background-color: #6884CC;
  color: #fff;
  padding: 3px 10px 3px 10px;
  text-align: right;
  font-weight: normal;
}

div#popupsimul table.simulation tfoot tr td {
  color: #282828;
  font-weight: bold;
  border: 1px solid #3758a5;
  background-color: #eee;
  text-align: right;
  padding: 3px 10px 3px 10px;
  /*font-size:16px;*/
}

div#popupsimul table.simulation .center {
  text-align: center;
}

div#popupsimul table.simulation .left {
  text-align: left;
}

div#popupsimul table.simulation .right {
  text-align: right;
}

#vingtofferts {
  position: absolute;
  right: 10px;
  top: 6px;
}

.haut_mon_compte {
  margin-top: 20px;
}

.ui-widget-content a {
  color: #3857a6;
}

#tab_offre .finance {
  margin: auto;
}

#menu_projet_interne li {
  padding: 0 5px;
}

#popupnewsletter button {
  float: right;
  margin-right: 0;
}

#popupnewsletter input {
  font-size: 14px;
}

#popupnewsletter .h1 {
  color: #3857a6 !important;
  font-size: 25px;
  margin-top: 0;
  padding-top: 0;
}

#popupnewsletter p {
  color: #222 !important;
  font-size: 15px;
}

.fixed-dialog {
  position: fixed;
  margin-right: 20px;
}

.ui-dialog {
  z-index: 2500 !important;
}

.ui-corner-flat {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

#formfooternewsletter {
  font-size: 14px;
}

#formfooternewsletter input {
  /*border:1px solid #fff!important;*/
}

#formfooternewsletter .form-group div.sans-padding {
  padding: 0;
  text-align: left;
}

#formfooternewsletter .btn {
  margin: 0 !important;
  line-height: 18px;
  width: auto;
  border: 0;
}
@media (max-width: 765px) {
  #formfooternewsletter .btn {
    width: 100%;
  }
}

#code_parrainage {
  display: block;
  margin: 0 auto;
  width: 120px;
  background-color: #ccc;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #666;
  border-radius: 5px;
  font-size: 18px;
  margin-bottom: 20px;
}

.caroufredsel_wrapper {
  background-color: #fff;
}

#presse_parle_de_nous {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 10px 0;
  clear: both;
}

#presse_parle_de_nous div {
  float: left;
  text-align: center;
}

#div_temoignages {
  margin-bottom: 50px;
}

.ancre {
  display: block;
  height: 0;
}

#carousel_partenaire {
  margin: auto;
}

#carousel_partenaire div.div_img {
  text-align: center;
  float: left;
  height: 80px;
  display: table;
}

.div_img_tr {
  display: table-row;
}

.div_img_td {
  display: table-cell;
  vertical-align: middle;
}

#carousel_partenaire div.div_img img {
  max-width: 200px;
  max-height: 80px;
  padding: 0 10px;
}

#contenu_partenaire h3 {
  border: 0;
  margin-bottom: 20px;
  font-size: 20px;
}

#contenu_partenaire p {
  margin-bottom: 50px;
  margin-left: 20px;
  text-align: justify;
}

#contenu_partenaire img {
  float: left;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
  width: 120px;
}

#tab_questions .bloc_btn {
  padding-top: 0;
  text-align: right;
}

#tab_questions .btn-submit {
  margin: 0;
  margin-top: 5px;
}

.div_repondre_question {
  display: none;
}

.flux_une_question_projet {
  border: 1px solid #ccc;
  padding: 15px;
  margin-top: 20px;
}

.question-niveau-1 {
  border-left: 3px solid #3658A4;
  padding-left: 10px;
  margin-left: 20px;
  margin-top: 10px;
}

#menu_projet_interne .flux_une_question_projet p.nom_date_question {
  color: #666;
  font-size: 13px;
  margin-bottom: 5px;
}

.nom_date_question img {
  width: 20px;
  margin-left: 10px;
  cursor: pointer;
}

.chosen-container {
  height: 40px;
}

.chosen-container .chosen-single {
  height: 100% !important;
}

.chosen-container-single .chosen-single {
  border-radius: 0;
  height: 34px;
  line-height: 34px;
  border: 1px solid #4161a9 !important;
  background: #fff !important;
}

.chosen-container-single .chosen-single div {
  top: 5px;
}

#header_inscription, #header_inscription_emprunteur {
  background-color: rgb(55, 88, 165);
  background-color: rgba(55, 88, 165, 0.55);
  text-align: left;
  padding: 10px 15px;
}

#header_inscription *, #header_inscription_emprunteur * {
  text-shadow: none;
}

#header_inscription .h1, #header_inscription_emprunteur .h1 {
  margin-top: 0;
  padding-top: 0px;
}

#header_inscription p, #header_inscription_emprunteur p {
  font-size: 18px;
}

#header_inscription .btn-default, #header_inscription_emprunteur .btn-default {
  border: 1px solid #fff;
  box-sizing: border-box;
  padding: 6px 15px;
  font-size: 15px;
  line-height: 20px;
}

#header_inscription_emprunteur p, #header_inscription_emprunteur .h1 {
  line-height: 110%;
}

#accorche_assurence {
  background-color: #282828;
}

#accorche_assurence p {
  border: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  margin-top: 5px;
}

#accorche_assurence a {
  font-size: 16px;
  margin-left: 15px;
  font-weight: normal;
  color: #fff;
}

.body_redirect {
  text-align: center;
}

.tableheaderfixe .table-striped thead tr th {
  padding: 8px;
}

.tableheaderfixe {
  margin-bottom: 0 !important;
}

.tableheaderfixe td, .tableheaderfixe th, .datatable td, .datatable th, .tableau_bo td, .tableau_bo th, .tablestylisee td, .tablestylisee th {
  font-size: 12px;
  padding: 8px !important;
}

.tableheaderfixe th, .datatable th, table.tablestylisee > thead > tr > th {
  vertical-align: center !important;
}

.dataTables_info {
  font-weight: bold;
}

.fht-tbody {
  /*overflow-x: hidden!important;*/
}

#msgchargement, .msgchargement, #msgchargementdebit {
  display: none;
}

#liste_association, #type_don_assoc, #versement_ponctuel, #versement_plannifie {
  display: none;
  clear: both;
}

.texteavis {
  position: relative;
  padding-left: 20px;
}

.texteavis img {
  position: absolute;
  top: 0;
  left: -15px;
}

.texteavis span {
  color: #4161a9;
}

@media all \0  {
  .fht-tbody {
    overflow-x: auto !important;
  }
}
.pagination > li > a, .pagination > li > span {
  border: 0;
  color: #3758a5;
  background-color: transparent;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  background-color: transparent;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #3758a5;
  border: 0;
}

#cacheprojet {
  padding-bottom: 30px;
  background-color: #F7F7F7;
}

#cacheprojet h2 {
  border: none;
  color: #646464;
  font-weight: bold;
}

#cacheprojet h3 {
  color: #3857a6;
  border: 0;
  font-size: 20px;
  margin-left: 0;
}

#cacheprojet p {
  font-size: 16px;
}

#cacheprojet .form-control {
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #646464;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
}

.header_txt {
  position: relative;
}

#inscriptionheader .col-xs-12 {
  padding: 0;
  margin-top: 10px;
}

#connexionautrepage {
  position: relative;
  top: 160px;
  color: #fff;
  padding: 0;
}

#connexionautrepagebis {
  position: relative;
  top: 160px;
  display: flex;
  justify-content: flex-end;
  right: 0;
  color: #fff;
  padding: 0;
}
#connexionautrepagebis .badge-projet-rembourse {
  text-align: center;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 9px 50px 0 rgba(0, 0, 0, 0.3);
  color: #3858a3;
  font-weight: bold;
  font-size: 24px;
  height: 260px;
  width: 260px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

#connexionautrepage h1, #connexionautrepage div.h1 {
  font-size: 46px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 0;
}

#connexionautrepage .new-btn {
  padding: 4px 32px;
}

#connexionpageaccueil h1, #connexionpageaccueil p {
  color: #fff;
}

#connexionautrepage p {
  font-size: 16px;
  line-height: 1.5;
}

#connexionautrepage form .new-btn-plein {
  position: absolute;
  right: 0;
  top: 0;
}

#connexionautrepage input {
  height: 37px;
  width: 95%;
}

#header_ban_accueil {
  min-height: calc(100vh + 10px);
}
#header_ban_accueil #connexionpageaccueil {
  text-align: center;
  width: 100%;
  margin-top: 90px;
}
@media (min-width: 767px) {
  #header_ban_accueil #connexionpageaccueil {
    margin-top: 180px;
  }
}
#header_ban_accueil #connexionpageaccueil .link-video {
  transition-duration: 0.25s;
  margin: 50px 0;
}
#header_ban_accueil #connexionpageaccueil .link-video a {
  color: #fff;
  opacity: 0.4;
  transition-duration: 0.25s;
}
#header_ban_accueil #connexionpageaccueil .link-video a span.spanimg {
  transition-duration: 0.25s;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  bottom: 3px;
}
#header_ban_accueil #connexionpageaccueil .link-video a img {
  height: 50px;
  width: 50px;
}
#header_ban_accueil #connexionpageaccueil .link-video a .text {
  font-size: 18px;
}
#header_ban_accueil #connexionpageaccueil .link-video:hover a {
  opacity: 1;
  margin-left: 5px;
}
#header_ban_accueil #connexionpageaccueil .video-mobile-view {
  display: none;
}
#header_ban_accueil #connexionpageaccueil .video-nomobile-view {
  display: block;
}
@media (max-width: 767px) {
  #header_ban_accueil #connexionpageaccueil .video-mobile-view {
    display: block;
  }
  #header_ban_accueil #connexionpageaccueil .video-mobile-view .link-video {
    margin-bottom: 0;
  }
  #header_ban_accueil #connexionpageaccueil .video-nomobile-view {
    display: none;
  }
}

@media (max-width: 991px) {
  #header_ban_accueil #connexionpageaccueil h1 {
    font-size: 23px;
  }
  #header_ban_accueil #connexionpageaccueil h1#headline {
    font-size: 28px;
    padding: 0 12px;
  }
}
.image-mobile {
  display: none;
}

@media (max-width: 767px) {
  .header_ban .bg_france {
    background-size: 150%;
    background-position: center 80px;
  }
  .header_ban .bg_france_color {
    height: calc(100% - 24px);
  }
  #header_ban_accueil #connexionpageaccueil {
    margin-top: 60px;
  }
  #header_ban_accueil #connexionpageaccueil #headline {
    font-size: 24px;
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 100px;
  }
  #header_ban_accueil #connexionpageaccueil .link-video a .spanimg {
    margin-right: 8px;
  }
  #header_ban_accueil #connexionpageaccueil .link-video a .text {
    font-size: 14px;
  }
  #header_ban_accueil #connexionpageaccueil .link-video a img {
    height: 32px;
    width: 32px;
  }
  #body_index .navbar-fixed-top {
    height: 80px;
  }
  #body_index .navbar-fixed-top .navbar-brand {
    top: 24px;
  }
  #body_index .navbar-fixed-top .navbar-collapse {
    margin-top: 30px;
  }
  #body_index .navbar-fixed-top .navbar-toggle {
    top: 15px;
  }
  #connexionpageaccueil .portraits-gauche {
    margin-left: -20px;
    margin-right: 0;
    margin-top: 340px;
  }
  #connexionpageaccueil .portraits-droite {
    margin-right: -50px;
    margin-left: -60px;
    margin-top: 30px;
  }
  #connexionpageaccueil .portraits-gauche .portrait, #connexionpageaccueil .portraits-droite .portrait {
    width: 80px;
  }
}
#soustitrepage {
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
  margin-bottom: 10px;
}

.image_argument img {
  margin: auto;
  max-height: 85px;
}

.arguments-wrapper {
  z-index: 1;
  position: relative;
  margin-top: 140px;
}
.arguments-wrapper h2 {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;
  color: #282828;
}
.arguments-wrapper .arguments-lucy, .arguments-wrapper .arguments-man-smartphone {
  position: absolute;
}
.arguments-wrapper .arguments-man-smartphone {
  z-index: 20;
  right: 19px;
  top: -4px;
}
.arguments-wrapper .arguments-lucy {
  z-index: 1;
  top: -30px;
  left: 20px;
}
.arguments-wrapper #arguments {
  margin: 0;
  padding: 100px 50px 10px 50px;
  border: solid 1px #a1b4e6;
  border-bottom: 10px solid #eaa70c;
  border-radius: 4px;
  z-index: 10;
  background: #fff;
  position: relative;
}
.arguments-wrapper #arguments .image_argument {
  height: 32px;
}
.arguments-wrapper #arguments .titre_argument {
  text-align: center;
  font-size: 46px;
  line-height: 46px;
  color: #3857a6;
  font-weight: bold;
  margin-top: 3px;
  position: relative;
  height: 70px;
  display: table;
  width: 100%;
}
.arguments-wrapper #arguments .titre_argument div {
  display: table-cell;
  vertical-align: bottom;
}
.arguments-wrapper #arguments .soustitre_argument {
  font-size: 16px;
  text-align: center;
  margin-top: 0;
  color: #3857a6;
}
.arguments-wrapper #arguments .texte_argument {
  font-size: 12px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
  .arguments-wrapper h2 {
    margin: 10px 100px 50px 100px;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .arguments-wrapper {
    margin-top: 50px;
  }
  .arguments-wrapper h2 {
    margin-right: 100px;
    text-align: left;
    font-size: 22px;
  }
  .arguments-wrapper .arguments-lucy {
    right: 20px;
    top: -10px;
    left: auto;
  }
  .arguments-wrapper .arguments-man-smartphone {
    display: none;
  }
  .arguments-wrapper #arguments {
    padding: 20px;
    margin: 20px 0;
  }
  .arguments-wrapper #arguments .argument-item {
    margin: 20px auto;
  }
  .arguments-wrapper #arguments .argument-item .image_argument {
    height: 20px;
  }
}
.argument-item {
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .argument-item:nth-child(n+4) {
    border-top: 1px solid #a1b4e6;
    padding-top: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .argument-item:nth-child(n+3) {
    border-top: 1px solid #a1b4e6;
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .arguments-wrapper #arguments {
    padding-left: 0;
    padding-right: 0;
  }
  .arguments-wrapper #arguments .argument-item {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 60px;
  }
  .arguments-wrapper #arguments .argument-item .image_argument, .arguments-wrapper #arguments .argument-item .titre_argument, .arguments-wrapper #arguments .argument-item .soustitre_argument {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .arguments-wrapper #arguments .argument-item .image_argument {
    height: 40px;
    width: 40px;
    margin-right: 16px;
  }
  .arguments-wrapper #arguments .argument-item .titre_argument {
    width: revert;
    height: revert;
    font-size: 20px;
    margin-right: 16px;
  }
  .arguments-wrapper #arguments .argument-item .soustitre_argument {
    font-size: 16px;
  }
}
.decalltoparg {
  margin-top: 20px;
}

#rowsousargum {
  padding-top: 20px;
}

#rowsousargum h2, #rowsousargum h3, #rowsousargum h4 {
  font-weight: bold;
  margin-left: 0;
  margin-bottom: 5px;
  margin-top: 0;
  color: #444;
  font-size: 16px;
  border-bottom: none;
}

#rowsousargum img {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 2px solid #444;
  max-width: 69px;
}

#rowsousargum img {
  float: left;
}

#resultat_simu_pret_debut .titre_argument {
  color: #000;
}

#resultat_simu_pret_debut .soustitre_argument {
  color: #616161;
  text-transform: uppercase;
}

.picto_avancement_projet {
  width: 22px;
  position: absolute;
  top: -5px;
  right: -11px;
}

.projet_a_venir {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 40px;
  transition-duration: 0.3s;
  box-shadow: 0 3px 10px 0 #dedede;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#dedede, Direction=180, Strength=10);
  height: 480px;
}
@media (min-width: 768px) {
  .projet_a_venir {
    height: 326px;
    overflow: hidden;
  }
}

.projet_a_venir h4, .projet_a_venir p {
  color: #fff;
  text-align: center;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
}

.projet_a_venir h4 {
  bottom: 110px;
  font-size: 30px;
}

.projet_a_venir p {
  bottom: 80px;
}

.projet_a_venir .div_bouton_objectif {
  position: absolute;
  bottom: 11px;
  left: 0;
  width: 100%;
  text-align: center;
}

.projet_a_venir .div_bouton_objectif a {
  margin: auto;
}

.projet_a_venir .projet_numero {
  display: none;
}

/******* TUTO ********/
#body_tutos_liste .header_tutos {
  padding-top: 50px;
  padding-bottom: 100px;
  text-align: center;
  background-color: #4161a9;
}

#body_tutos_liste .header_tutos h1 {
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}

#body_tutos_liste .header_tutos p {
  color: #fff;
  margin-bottom: 10px;
}

#body_tutos_liste .videotuto p:first-child {
  text-align: right;
}

#body_tutos_liste .videotuto a {
  color: #fff;
}

#body_tutos_liste .container-generic {
  margin-top: -120px;
}

#body_tutos_liste .un_tuto {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.14);
  transition-duration: 0.3s;
}

#body_tutos_liste .un_tuto:hover {
  box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

#body_tutos_liste .un_tuto img {
  max-height: 240px;
}

#body_tutos_liste .un_tuto .contenu_tuto {
  padding: 10px 15px;
  margin-bottom: 40px;
}
@media (min-width: 766px) {
  #body_tutos_liste .un_tuto .contenu_tuto {
    min-height: 145px;
  }
}
#body_tutos_liste .un_tuto .contenu_tuto h3 {
  font-family: "myriadbold";
  border: 0;
  margin-top: 5px;
  margin-left: 0;
  color: #4161a9;
  font-size: 20px;
  line-height: 25px;
  min-height: 55px;
}

#body_tutos_liste .un_tuto .contenu_tuto p {
  color: #777;
}

#body_tutos_liste .besoin-aide {
  text-align: center;
}

#body_tutos_liste .besoin-aide h2 {
  border: 0;
  color: #666;
  font-weight: bold;
}

#body_tutos_liste .besoin-aide a {
  margin: 0px 15px;
}

#body_tutos_liste .glyphicon-play {
  font-size: 13px;
}

#body_tutos_liste .videotuto {
  margin-top: -200px;
}

#body_tutos_liste .videotuto iframe {
  margin-bottom: -7px;
}

.titre_video_tuto {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.14);
  position: relative;
  background-color: #fff;
}

.titre_video_tuto h1 {
  margin: 0;
  padding: 0;
}

.titre_video_tuto p {
  margin-top: 5px;
}

.texte_tuto {
  width: 65%;
  padding: 30px;
}

.texte_tuto h1 {
  font-weight: bold;
}

.bt_tuto_suivant {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  white-space: nowrap;
  width: 150px;
  height: 100%;
  padding-right: 100px;
  padding-left: 30px;
  box-sizing: border-box;
  background-color: #4161a9;
  background-image: url("/websites/pretup-1/images/Fleche-next-tuto.png");
  background-repeat: no-repeat;
  background-position: center right 45px;
}

.DivWhichNeedToBeVerticallyAligned {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

.DivHelper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.bt_tuto_suivant h3, .bt_tuto_suivant p, .bt_tuto_suivant a {
  color: #fff;
  border: 0;
  padding: 0;
  margin: 0;
}

.bt_tuto_suivant h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#popupnewcgu {
  padding: 20px 30px;
}
#popupnewcgu .h1 {
  font-weight: bold;
  font-size: 25px;
  margin-top: 0;
  padding-top: 10px;
}
#popupnewcgu p {
  text-align: justify;
}

/*
=============================================================================================================
==============================================   Bootstrap  =================================================
=============================================================================================================*/
#landing_content .radio-inline input[type=radio] {
  width: auto !important;
  margin-top: 5px;
}

input.radio-inline {
  margin-top: -2px !important;
}

.clearfix {
  height: 0;
  clear: both;
}

.nettoyeur {
  clear: both;
}

.projet_termine {
  font-size: 25px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}

.lien_finance, .lien_finance:hover {
  color: #fff;
}

.bootstrap-tagsinput .tag {
  font-size: 14px;
  line-height: 14px;
}

.bootstrap-tagsinput, .bootstrap-tagsinput input {
  width: 100%;
}

.label-info {
  background-color: #3758a5;
}

#div_actualites .jp-audio {
  margin: auto;
  margin-bottom: 30px;
}

#div_actualites h3 {
  border: 0;
  font-weight: bold;
  font-size: 17px;
}

#body_projet .sidebar-wrapper .sidebar-projet #partage_fb_pret {
  margin-top: 8px;
  margin-bottom: 20px;
  text-align: left;
}

#partage_fb_pret a, #partage_fb_pret a.socicon.facebook {
  vertical-align: middle;
}

#partage_fb_pret a.socicon.facebook {
  margin-right: 8px;
  background-color: #3857a6;
  color: #fff;
  padding: 3px;
  border-radius: 3px;
}

#IndicatifPaysMobile_chosen .chosen-single span, #IndicatifPaysMobile_chosen li, #IndicatifPaysMobile_chosen .chosen-single {
  color: #000;
  text-decoration: none !important;
}

.tableau_presentation_paiement td {
  padding: 3px 5px;
  border: 1px solid #ccc;
}

.lignetotale {
  background-color: #bbb;
}

#tableaupopup {
  height: 700px;
  overflow: auto;
}

.bo .tableheaderfixe thead tr th {
  padding: 8px;
}

/** NOUVEAUX BOUTONS **/
.new-btn, .new-btn-reverse, .new-btn-plein, .ui-widget button {
  background-color: transparent;
  border-radius: 20px;
  padding: 6px 16px;
  height: 37px;
  margin-top: 15px;
  font-size: 15px;
  transition-duration: 0.5s;
  font-family: "myriadbold";
}
.new-btn.new-btn-padded, .new-btn-reverse.new-btn-padded, .new-btn-plein.new-btn-padded, .ui-widget button.new-btn-padded {
  padding: 6px 32px;
}
.new-btn span:not(.glyphicon), .new-btn-reverse span:not(.glyphicon), .new-btn-plein span:not(.glyphicon), .ui-widget button span:not(.glyphicon) {
  font-family: "myriadbold";
}

.bloc_btn .new-btn, .bloc_btn .new-btn-reverse, .bloc_btn .new-btn-plein {
  margin-top: 0;
}

a.new-btn, a.new-btn-reverse, a.new-btn-plein {
  display: inline-block;
}

.new-btn-plein {
  background-color: #3758a5;
  border: 2px solid #3758a5;
  color: #fff;
}

.new-btn-plein-boost {
  background-color: #ffc700;
  border: 2px solid #ffc700;
  color: #282828;
  background-image: url("/websites/pretup-1/images/page_boost/sigle-jaune.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 40px;
}

.new-btn-plein:focus {
  outline: none;
}

a.new-btn-plein, a.new-btn-plein:focus {
  color: #fff;
}

.new-btn, .new-btn:focus {
  border: 2px solid #d3e0ff;
  color: #fff;
}

.new-btn-reverse, .ui-widget button {
  border: 2px solid #3758a5;
  color: #3758a5;
}

.new-btn:hover, .new-btn-plein:hover {
  color: #3758a5;
  background-color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
}

a.new-btn-plein-boost, a.new-btn-plein-boost:focus, .new-btn-plein-boost:hover {
  color: #282828;
}

.new-btn-reverse:hover, .new-btn-reverse:focus, .ui-widget button:hover, .ui-widget button:focus {
  color: #fff;
  background-color: #3758a5;
  text-decoration: none;
}

/** FIN NOUVEAUX BOUTONS **/
.alert-info {
  border-color: #3758a5;
  background-color: #d4dff7;
  color: #3758a5;
}
.alert-info a {
  font-weight: bold;
}

a {
  cursor: pointer;
}

#haut_bloc_preter {
  background-image: url("/websites/pretup-1/images/bonhomme_euro.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #e8eefb;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-left: 55px;
  color: #505050;
}

#haut_bloc_preter .montantdispo {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
}

#haut_bloc_preter .col-xs-12, #modalitespret .col-xs-12 {
  padding: 0;
}

#haut_bloc_preter .new-btn {
  margin-top: 0;
  float: right;
  color: #505050;
  border: 1px solid #505050;
  padding: 8px 8px;
  font-weight: normal;
  font-family: "myriad";
}

#haut_bloc_preter .new-btn a {
  color: #505050;
  font-weight: normal;
}

#modalitespret {
  padding-top: 20px;
  background-image: url("/websites/pretup-1/images/fleche_basse_grise.png");
  background-repeat: no-repeat;
  background-position: 10px 0;
  background-color: #fff;
}

#modalitespret .plusgros {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}

#modalitespret #slider_montant_recherche {
  margin: 20px 0;
}

#modalitespret #slider_montant_recherche p {
  margin: 0;
  margin-top: 5px;
}

#modalitespret .col-xs-12:nth-of-type(1), #modalitespret .col-xs-12:nth-of-type(2) {
  border-right: 1px solid #505050;
}

#modalitespret .col-xs-12:nth-of-type(2) {
  text-align: center;
}

#modalitespret .col-xs-12:nth-of-type(3) {
  padding-left: 15px;
}

#modalitespret .assurance_gan img {
  margin-right: 5px;
  margin-top: 10px;
  vertical-align: bottom;
}

#body_recrutement h1 {
  margin-top: 30px;
  margin-bottom: 0px;
}

#body_recrutement .separateur {
  content: "";
  width: 125px;
  height: 3px;
  background-color: #3757A5;
  margin-top: 8px;
  margin-bottom: 15px;
}

.bloc_recrutement {
  background-color: #ffffff;
  box-shadow: 0px 3px 10px 0px #dedede;
  margin-top: 5%;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 50px;
}

.header_box_recrutement > .intitule_box_recrutement {
  background-color: #3757A5;
  color: #ffffff;
  padding: 2%;
}

.header_box_recrutement > .description_box_recrutement {
  margin-left: 15px;
  border-bottom: solid #F7F7F7 3px;
  color: #3757A5;
  padding: 1.25%;
  box-sizing: border-box;
}

.header_box_recrutement > .description_box_recrutement > div:nth-child(2) {
  border-left: solid #3757A5 2px;
}

.header_box_recrutement > .description_box_recrutement > div:nth-child(1) {
  padding-left: 0px;
  margin-left: -15px;
}

.header_box_recrutement > div:nth-child(3) {
  margin-left: -15px;
}

.header_box_recrutement > div > a {
  border: solid #3757A5 2px;
  margin-top: 10%;
  padding: 5%;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  background-color: #ffffff;
  color: #3757A5;
}

.header_box_recrutement > div > a:hover {
  background-color: #3757A5;
  color: #ffffff;
}

.bloc_recrutement > .content_box_recrutement {
  padding: 15px 3% 0% 15px;
}

.content_box_recrutement ul {
  font-size: 16px;
}

#DataTableMvt .glyphicon {
  font-size: 20px;
}
#DataTableMvt .glyphicon-ok-circle {
  color: #99C600;
}
#DataTableMvt .glyphicon-remove-circle {
  color: #BA0000;
}
#DataTableMvt .glyphicon-time {
  color: #3758A5;
}

.rang_preteur {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  color: #fff;
  background-color: #fff;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  position: relative;
  font-weight: bold;
  background-size: cover;
}
.rang_preteur img {
  position: absolute;
  margin: 0 !important;
}

.rang_1 .etoile1 {
  bottom: -5px;
  left: 16px;
}

.rang_2 .etoile1 {
  bottom: -3px;
  right: 7px;
}
.rang_2 .etoile2 {
  bottom: -3px;
  left: 7px;
}

.rang_3 .etoile1 {
  bottom: -3px;
  right: 4px;
}
.rang_3 .etoile2 {
  bottom: -7px;
  left: 16px;
}
.rang_3 .etoile3 {
  bottom: -3px;
  left: 4px;
}

.rang_4 .etoile1 {
  bottom: -6px;
  right: 10px;
}
.rang_4 .etoile2 {
  bottom: -1px;
  left: 0px;
}
.rang_4 .etoile3 {
  bottom: -6px;
  left: 10px;
}
.rang_4 .etoile4 {
  bottom: -1px;
  right: 0px;
}

#div-connexion .rang_preteur {
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 22px;
  line-height: 25px;
  padding-top: 3px;
}
#div-connexion .rang_preteur img {
  width: 12px;
}
#div-connexion .rang_1 .etoile1 {
  bottom: -5px;
  left: 9px;
}
#div-connexion .rang_2 .etoile1 {
  bottom: -3px;
  right: 4px;
}
#div-connexion .rang_2 .etoile2 {
  bottom: -3px;
  left: 4px;
}
#div-connexion .rang_3 .etoile1 {
  bottom: -1px;
  right: 0px;
}
#div-connexion .rang_3 .etoile2 {
  bottom: -5px;
  left: 9px;
}
#div-connexion .rang_3 .etoile3 {
  bottom: -1px;
  left: 0px;
}
#div-connexion .rang_4 .etoile1 {
  bottom: -4px;
  right: 5px;
}
#div-connexion .rang_4 .etoile2 {
  bottom: -1px;
  left: 0px;
}
#div-connexion .rang_4 .etoile3 {
  bottom: -4px;
  left: 5px;
}
#div-connexion .rang_4 .etoile4 {
  bottom: -1px;
  right: 0px;
}

#div-connexion > a {
  font-size: 16px;
}
#div-connexion > a img {
  margin-right: 10px;
}

.divannonnces {
  display: inline-block;
  position: relative;
  transition-duration: 0.2s;
}
.divannonnces .nb_notifs_pas_vu {
  width: 18px;
  height: 18px;
  background-color: #fc6635;
  border: 2px solid #ffffff;
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 10px;
  color: #fff;
  border-radius: 18px;
  text-align: center;
  cursor: pointer;
}
.divannonnces img {
  cursor: pointer;
}
.divannonnces .picto_annonces {
  cursor: pointer;
  width: 22px;
}
.divannonnces .listing_annonces {
  background-image: url("/websites/pretup-1/images/triangle-notif.png");
  background-position: 98% top;
  background-repeat: no-repeat;
  position: absolute;
  transition-duration: 0.3s;
  right: 0;
  top: 30px;
  width: 370px;
  visibility: hidden;
  z-index: -1000;
  opacity: 0;
  cursor: pointer;
  padding-top: 12px;
  background-color: transparent;
}
.divannonnces .listing_annonces .encadre {
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.divannonnces .listing_annonces .encadre h4 {
  color: #fff;
  background-color: #3758a5;
  padding: 10px 15px;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.divannonnces .listing_annonces .encadre .link_voir_tout {
  background-color: #fff;
  text-align: center;
  padding: 10px 15px;
}
.divannonnces .listing_annonces .encadre .link_voir_tout a {
  color: #3758a5;
  font-size: 14px;
  font-weight: bold;
}
.divannonnces .listing_annonces.show {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}

.no-result .row {
  min-height: 350px;
  background-color: #f3f5fa;
  flex-direction: column;
}
.no-result .row .search-title {
  font-size: 16px;
  line-height: 1.5;
  color: #4a4a4a;
}

.divannonncesmobile {
  float: right;
  margin-top: 25px;
  margin-right: 20px;
}
.divannonncesmobile .listing_annonces .encadre {
  position: absolute;
  right: -61px;
  width: 330px;
}
.divannonncesmobile .picto_annonces {
  cursor: pointer;
  width: 22px;
}

.une_annonce_preteur {
  padding: 15px;
  font-size: 13px;
  border-bottom: 1px solid #ebebeb;
}
.une_annonce_preteur .div_img {
  width: 48px;
  height: 48px;
  box-shadow: inset 0 0 2px 0 rgba(56, 88, 163, 0.2);
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  border-radius: 48px;
}
.une_annonce_preteur .titre_annonce {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #282828;
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}
.une_annonce_preteur .titre_annonce p {
  margin: 0;
}
.une_annonce_preteur .date_annonce {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #999fac;
}
.une_annonce_preteur .encadre .div_img {
  width: 40px;
  height: 40px;
}
.une_annonce_preteur .encadre .titre_annonce {
  font-size: 14px;
  line-height: 1.29;
}
.une_annonce_preteur .encadre .titre_annonce p {
  margin: 0;
}
.une_annonce_preteur .encadre .date_annonce {
  font-size: 12px;
  line-height: 1.33;
}

.nonvu {
  background-color: rgb(245, 248, 255);
}

#loadinscription {
  display: none;
}

#geolocalisationEntreprise {
  height: 300px;
}

#geoMapPreteurs {
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 5px;
}

.geoMapAcceuil {
  margin-bottom: 30px;
}
.geoMapAcceuil div div div div div div {
  color: #fff !important;
}
.geoMapAcceuil div div div div div div div {
  color: #000 !important;
}
.geoMapAcceuil p {
  width: 100%;
  text-align: center;
}
.geoMapAcceuil p .new-btn-plein {
  font-size: 13px;
  padding: 5px 10px;
  height: auto;
  margin-top: 8px;
}

#body_index .ui-dialog[aria-describedby=popupvideo] {
  padding-top: 30px !important;
  background-color: transparent;
}

#body_index .ui-dialog[aria-describedby=popupvideo], #popupvideo {
  padding: 0;
  border: 0;
  overflow: visible;
  box-shadow: none;
}
#body_index .ui-dialog[aria-describedby=popupvideo] .closepopup, #popupvideo .closepopup {
  top: -30px;
}

#popupvideo {
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
  border-radius: 20px;
}

.toggle.ios .toggle-handle {
  border-radius: 20px;
  padding: 6px 30px;
}

.toggle-on.btn {
  padding-right: 35px;
  margin-bottom: 0 !important;
  background-color: #3758a5;
  border-color: #3758a5;
}

.toggle-off.btn {
  padding-left: 35px;
  margin-bottom: 0 !important;
}

.toggle-group label, .toggle-group .toggle-handle {
  border-radius: 20px;
}

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

#body_boost .header_ban {
  background-position: top 40% left 60%;
  background-size: cover;
}
#body_boost .header_ban .container {
  margin-top: 170px;
}
#body_boost .header_ban .container {
  color: #fff;
  font-size: 16px;
  font-family: myriad, sans-serif;
}
#body_boost .header_ban h1 {
  color: #fff;
  font-family: myriadbold, sans-serif;
  font-size: 24px;
}
#body_boost #container_page_boost {
  padding-top: 80px;
}
#body_boost #container_page_boost .offres_boost img.img-responsive {
  margin: 0 auto;
}
#body_boost #container_page_boost .vcenter img {
  position: relative;
  top: 10px;
}
#body_boost #container_page_boost .numerotation .row {
  margin: 40px 0;
}
#body_boost #container_page_boost .modes_investissement li {
  margin: 25px 0;
}
#body_boost #container_page_boost .modes_investissement li b {
  margin-bottom: 10px;
  display: block;
}
#body_boost #container_page_boost .modes_investissement li, #body_boost #container_page_boost p {
  line-height: 20px;
  font-size: 16px;
}
#body_boost #container_page_boost h3 {
  font-family: myriadbold, sans-serif;
  font-size: 14px;
  border: 0;
  text-transform: uppercase;
  color: #3757a5;
  margin: 0 0 10px;
  letter-spacing: 1px;
}
#body_boost #container_page_boost #accroche_promo_boost p {
  color: #4a4a4a;
  text-transform: uppercase;
}
#body_boost #container_page_boost #accroche_promo_boost .h2 {
  font-weight: bold;
}
#body_boost #container_page_boost #homme_femme_fusee {
  margin: 90px 0;
  padding-top: 100px;
  background: #fff;
}
#body_boost #container_page_boost #homme_femme_fusee .illustr_boost {
  margin-top: 30px;
}
#body_boost #container_page_boost #homme_femme_fusee p {
  font-size: 17px;
  line-height: 27px;
}
#body_boost #container_page_boost #homme_femme_fusee #avantage_boost {
  margin-bottom: 100px;
  padding-top: 20px;
}
#body_boost #container_page_boost #homme_femme_fusee #avantage_boost p {
  margin: 0;
  font-size: 15px;
}
#body_boost #container_page_boost #homme_femme_fusee .changeOrder {
  display: flex;
}
#body_boost #container_page_boost #homme_femme_fusee .changeOrder .order-img {
  order: 0;
}
#body_boost #container_page_boost #homme_femme_fusee .changeOrder .order-content {
  order: 1;
}
#body_boost #container_page_boost ul {
  list-style: none;
  padding: 0;
}
#body_boost #container_page_boost ul li {
  background-image: url("/websites/pretup-1/images/page_boost/sigleboost.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 35px;
  padding-top: 5px;
}
#body_boost #container_page_boost .mention_offre_boost {
  color: #8f8f8f;
  margin: 150px 0 50px;
}

#avantage_boost {
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 50px;
}
#avantage_boost img {
  margin: auto;
}
#avantage_boost div.image-avantage {
  height: 50px;
  margin-top: 15px;
  margin-bottom: 8px;
}
#avantage_boost div.image-avantage img {
  width: 50px;
}
#avantage_boost p {
  color: #282828;
}

#projet_info_boost {
  font-weight: bold;
  color: #4161a9;
}

/* ANIMATED HEADLINE */
.cd-title {
  position: relative;
  height: 160px;
  line-height: 230px;
  text-align: center;
}

.cd-title h1 {
  font-size: 2.4rem;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .cd-title {
    line-height: 250px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-title {
    height: 200px;
    line-height: 300px;
  }
  .cd-title h1 {
    font-size: 3rem;
  }
}
.cd-headline {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
  line-height: 58px;
}
@media (max-width: 1199px) {
  .cd-headline {
    line-height: 30px;
  }
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-weight: normal;
}

.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
  font-weight: normal;
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* --------------------------------

xclip

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
}

.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9;
}

.cd-headline.clip b {
  opacity: 0;
}

.cd-headline.clip b.is-visible {
  opacity: 1;
}

/*********************************/
/*** BOX HOME (HEADER ACCUEIL) ***/
/*********************************/
.box-home {
  width: 100%;
  max-width: 360px;
  background: #fff;
  border: solid 3px;
  height: 420px;
  position: relative;
  border-radius: 4px;
  z-index: 11;
  margin: auto;
}
.box-home .icon-pretup {
  margin-left: 15px;
}
.box-home .box-content {
  padding: 20px 30px;
}
.box-home .box-header {
  height: 20px;
  padding: 0;
  width: 100%;
}
.box-home .box-header p {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1.8px;
  text-align: center;
}
.box-home .box-title {
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  border: none;
}
.box-home .box-list li {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
.box-home .box-button {
  transition-duration: 0.5s;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding: 15px;
  border-radius: 4px;
  display: block;
  border: none;
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 30px;
}
.box-home .box-button img {
  transition-duration: 0.5s;
  margin-left: 20px;
  position: relative;
  left: 0;
}
.box-home .box-button:hover, .box-home .box-button:active, .box-home .box-button:focus {
  background-color: #fff !important;
}
.box-home .box-button:hover img, .box-home .box-button:active img, .box-home .box-button:focus img {
  left: 10px;
}

.box-preteur-wrapper .box-home.preteur {
  border-color: #3858a3;
}
.box-preteur-wrapper .box-home.preteur .box-header {
  background-color: #3858a3;
}
.box-preteur-wrapper .box-home.preteur .box-list {
  list-style-image: url("/websites/pretup-1/images/li-bleu.svg");
}
.box-preteur-wrapper .box-home.preteur .box-button {
  background-color: #3858a3;
  border-color: #3858a3;
}

.portraits-gauche, .portraits-droite {
  margin-top: 50px;
  display: flex;
}
.portraits-gauche .portrait, .portraits-droite .portrait {
  z-index: 10;
  width: 165px;
}
.portraits-gauche .portrait img, .portraits-droite .portrait img {
  max-width: 100%;
  max-height: 100%;
}
.portraits-gauche.portraits-gauche, .portraits-droite.portraits-gauche {
  margin-left: -190px;
}
.portraits-gauche.portraits-gauche .portrait-col-droite, .portraits-droite.portraits-gauche .portrait-col-droite {
  margin-top: 270px;
  margin-left: 30px;
}
.portraits-gauche.portraits-droite, .portraits-droite.portraits-droite {
  margin-left: -100px;
}
.portraits-gauche.portraits-droite .portrait-col-gauche, .portraits-droite.portraits-droite .portrait-col-gauche {
  margin-top: 160px;
  margin-right: 30px;
}
.portraits-gauche .portrait, .portraits-droite .portrait {
  margin-bottom: 30px;
}

.box-emprunteur-wrapper .box-home.emprunteur {
  border-color: #eaa70c;
}
.box-emprunteur-wrapper .box-home.emprunteur .box-header {
  background-color: #eaa70c;
}
.box-emprunteur-wrapper .box-home.emprunteur .box-list {
  list-style-image: url("/websites/pretup-1/images/li-jaune.svg");
}
.box-emprunteur-wrapper .box-home.emprunteur .box-button {
  background-image: linear-gradient(to right, #eaa70c 0%, #eaa70c 50%, #ead71c 100%);
}
.box-emprunteur-wrapper .box-image.emprunteur {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.wrapper-projets h2 {
  font-size: 30px;
  letter-spacing: normal;
  text-align: center;
  color: #282828;
}

@media (max-width: 1199px) {
  .box-home .box-title {
    font-size: 18px;
  }
  .box-home .box-list {
    padding-left: 22px;
  }
  .box-home .box-list li {
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .box-home .box-button {
    font-size: 17px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .box-emprunteur-wrapper .box-image.emprunteur {
    right: -70px;
  }
  .box-emprunteur-wrapper .box-image.preteur {
    left: -30px;
  }
}
@media (max-width: 767px) {
  .box-home {
    height: auto;
    padding-bottom: 60px;
    border-width: 2px;
  }
  .box-home .box-content {
    padding: 20px;
  }
  .box-home .box-title {
    font-size: 18px;
  }
  .box-home .box-list {
    padding-left: 22px;
  }
  .box-home .box-list li {
    font-size: 14px;
  }
  .box-home .box-button {
    font-size: 14px;
    left: 20px;
    right: 20px;
  }
  .box-preteur-wrapper .box-image, .box-emprunteur-wrapper .box-image {
    height: 100%;
  }
  .box-preteur-wrapper {
    margin-bottom: 50px;
  }
  .box-preteur-wrapper .box-image.preteur {
    left: 0;
  }
}
/**************************/
/*** CARTES DES PROJETS ***/
/**************************/
.card {
  cursor: pointer;
  position: relative;
  box-shadow: 0 3px 10px 0 #dedede;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#dedede, Direction=180, Strength=10);
  border-radius: 2px;
  height: 420px;
  overflow: hidden;
  margin-bottom: 50px;
  transition-duration: 0.5s;
}
.card .texte-don-card {
  font-size: 16px;
  color: #4161a9;
  font-weight: bold;
}
.card .card-header {
  height: 255px;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition-duration: 0.5s;
}
.card .card-header .card-header-info-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  height: 22px;
  width: calc(100% - 40px);
  transition-duration: 0.3s;
}
.card .card-header .card-header-info-wrapper .prepublication {
  height: 100%;
}
.card .card-header .card-header-info-wrapper .prepublication .prepublie {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #4566ba;
  font-weight: bold;
  border-radius: 11px;
  background: #dbe6ff;
  height: 22px;
  padding-left: 3px;
  padding-right: 8px;
  text-transform: uppercase;
}
.card .card-header .card-header-info-wrapper .prepublication .prepublie img {
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.card .card-header .card-header-info-wrapper .prepublication .projet-rembourse-label {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #4566ba;
  font-weight: bold;
  border-radius: 2px;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
  background: #dbe6ff;
  height: 22px;
  padding-left: 3px;
  padding-right: 8px;
  text-transform: uppercase;
}
.card .card-header .card-header-info-wrapper .projet_numero_wrapper {
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: flex-end;
}
.card .card-header .card-header-info-wrapper .projet_numero_wrapper .projet_numero {
  background: #456dbb;
  border-radius: 11px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  display: flex;
  align-items: center;
  transition-duration: 0.2s;
}
.card .card-header .card-header-info-wrapper .projet_numero_wrapper .caution-mentor {
  height: 22px;
  width: 22px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.card .card-header .card-header-info-wrapper .projet_numero_wrapper .caution-mentor img {
  height: 22px;
  width: 22px;
}
.card .card-header .img-responsive {
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.3s;
}
.card .card-header .card-header-mask {
  position: relative;
  z-index: 10;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  transition-duration: 0.3s;
}
.card .card-header .card-title {
  position: absolute;
  bottom: 10px;
  left: 0;
  font-size: 24px;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  border: none;
  margin: 10px 20px;
  z-index: 50;
  transition-duration: 0.4s;
  line-height: 1.1;
}
.card .projet_data > div {
  padding: 0;
}
.card .card-body {
  background-color: #FFF;
  border-radius: 0 0 1px 1px;
  padding: 0 15px 15px 15px;
  height: 120px;
  overflow: hidden;
}
.card .card-body .card-body-header {
  position: absolute;
  left: 0;
  top: 250px;
  width: 100%;
  height: 400px;
  padding: 0;
  z-index: 15;
  background-color: #FFF;
  transition-duration: 0.5s;
}
.card .card-body .card-body-header h3 {
  font-size: 18px;
  line-height: 23px;
}
.card .card-body .card-body-header .projet_resume {
  overflow: hidden;
  text-align: left;
  color: #4a4a4a;
  width: calc(100% - 40px);
  margin: 0 20px 10px 20px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  height: 48px;
}
.card .card-body .card-body-header .hrcard, .card .card-body .card-body-header .hoverhrcard {
  height: 1px;
  margin: 0 20px;
  transition-duration: 0.4s;
}
.card .card-body .card-body-header .hrcard {
  background: rgba(56, 88, 163, 0.2);
}
.card .card-body .card-body-header .infos-projet {
  margin: 10px 20px;
  height: 28px;
  display: flex;
  align-items: center;
}
.card .card-body .card-body-header .infos-projet .projet-termine {
  font-size: 15px;
  font-weight: bold;
  color: #B1D847;
  text-align: center;
}
.card .card-body .card-body-header .infos-projet .duree, .card .card-body .card-body-header .infos-projet .taux_interet {
  color: #3858a3;
  font-size: 16px;
}
.card .card-body .card-body-header .infos-projet .duree {
  padding-left: 0;
}
.card .card-body .card-body-header .infos-projet .taux_interet {
  padding-right: 0;
  text-align: right;
}
.card .card-body .card-body-header .infos-complementaires-projet {
  padding-top: 10px;
}
.card .card-body .card-body-header .infos-complementaires-projet .col-xs-12 {
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(74, 74, 74, 0.6);
}
.card .card-body .card-body-header .projet_preteur_somme {
  margin: 0 20px 8px 20px;
  height: 33px;
  display: flex;
  justify-content: space-between;
}
.card .card-body .card-body-header .projet_preteur_somme > div {
  display: flex;
  align-items: center;
}
.card .card-body .card-body-header .projet_preteur_somme .restant_temps {
  font-size: 14px;
  font-weight: 600;
  color: rgba(74, 74, 74, 0.5);
  line-height: 1rem;
}
.card .card-body .card-body-header .projet_preteur_somme .montant_avancement {
  text-align: right;
  font-size: 18px;
  color: #3858a3;
  font-weight: 600;
}
.card .card-body .card-body-description {
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  transition-duration: 0.5s;
  padding-top: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  z-index: 10;
}
.card .card-body .card-body-description div {
  opacity: 0;
  transition-duration: 0.5s;
}
.card .card-body-header-sentence {
  color: #EF5A31;
  margin-top: 14px;
  font-size: 19px;
}
.card .card-body-header-sentence span {
  font-style: italic;
}
.card .card-body-footer {
  position: absolute;
  z-index: 50;
  bottom: -54px;
  left: 0;
  width: 100%;
  height: 54px;
  opacity: 1;
  transition-duration: 0.3s;
}
.card .card-body-footer .div_bouton_objectif {
  height: 100%;
  margin: 0;
  width: 100%;
}
.card .card-body-footer .div_bouton_objectif .bouton_preteur, .card .card-body-footer .div_bouton_objectif .bouton_donnateur {
  height: 100%;
  margin: 0;
  width: 100%;
  line-height: 54px;
  color: white;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  border-radius: 0;
}

.card.termine .progress_content_new {
  background-color: #B1D847;
}
.card.termine .div_bouton_objectif .bouton_preteur, .card.termine .div_bouton_objectif .bouton_donnateur {
  background-image: linear-gradient(to right, #89c423 0%, #89c423 50%, #d7eb6a 100%);
}
.card.termine .card-body .card-body-header .montant_avancement,
.card.termine .card-body .card-body-header .infos-projet .duree,
.card.termine .card-body .card-body-header .infos-projet .taux_interet {
  color: #B1D847;
}
.card.termine .card-body .card-body-header .projet_resume {
  height: 48px;
}
.card.termine .taux_interet {
  margin-left: 10px;
}
.card.termine .card-body .card-body-header .infos-complementaires-projet div {
  font-size: 14px;
}

.card.annulee .projet-termine, .card.annulee .montant_avancement {
  color: #47526d !important;
}
.card.annulee .progress_content_new {
  background-color: #47526d;
}
.card.annulee .div_bouton_objectif .bouton_preteur, .card.annulee .card.termine .div_bouton_objectif .bouton_donnateur {
  background-image: linear-gradient(to right, #3858a3 0%, #3858a3 50%, #466ed4 100%);
}

.card.prepublie .objectif {
  font-size: 20px;
  color: rgba(74, 74, 74, 0.5);
  margin: 16px 20px 8px 20px;
}
.card.prepublie .objectif span {
  font-size: 20px;
  font-weight: bold;
  color: #3858a3;
}

.card:hover {
  box-shadow: 0 32px 74px 0 rgba(0, 0, 0, 0.2);
}
.card:hover .card-body .card-body-header {
  top: 70px;
}
.card:hover .bloc_survol_table {
  height: 60%;
}
.card:hover .card-header {
  height: 70px;
}
.card:hover .card-header .card-title {
  margin-bottom: 0;
  bottom: 5px;
}
.card:hover .card-header-mask {
  background-color: rgba(0, 0, 0, 0.6);
}
.card:hover .card-body-description {
  color: #000;
  height: 250px;
}
.card:hover .card-body-description div {
  opacity: 1;
}
.card:hover .card-body-footer {
  opacity: 1;
  bottom: 0;
}
.card:hover .card-header-info-wrapper {
  opacity: 0;
}
.card:hover .hoverhrcard {
  background: rgba(56, 88, 163, 0.2);
}

@media (min-width: 768px) and (max-width: 991px) {
  .card {
    height: 325px;
  }
  .card .card-header {
    height: 167px;
  }
  .card .card-header .card-title {
    font-size: 16px;
    margin: 0 20px;
  }
  .card .card-body .card-body-header {
    top: 167px;
  }
  .card .card-body .card-body-header .infos-projet .duree, .card .card-body .card-body-header .infos-projet .taux_interet, .card .card-body .card-body-header .infos-projet .projet-termine {
    font-size: 12px;
    letter-spacing: 0;
    padding: 0;
  }
  .card .card-body .card-body-header .infos-projet .projet-termine {
    padding-bottom: 1px;
  }
  .card .card-body .card-body-header .montant_avancement {
    padding-left: 5px;
    font-size: 15px;
  }
  .card .card-body .card-body-header .restant_temps {
    font-size: 12px;
    padding-right: 5px;
  }
  .card .card-body .card-body-header .projet_resume {
    font-size: 14px;
    line-height: 1.2;
  }
}
/*****************************/
/*** ACTIVITE DES PRETEURS ***/
/*** - Timeline            ***/
/*** - Podium membres      ***/
/*****************************/
.activite-preteurs {
  margin-top: 150px;
  position: relative;
}
.activite-preteurs .wrapper-activite-preteurs #timeline {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f6f6f6;
  box-shadow: 0 3px 36px 0 rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline-header {
  background-color: #3858a3;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2.2px;
  text-align: center;
  color: #99b6ff;
  margin: 0;
  padding: 8px 0 4px 0;
  text-transform: uppercase;
  position: relative;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline-header .icon-left {
  position: absolute;
  left: 15px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline-header .icon-right {
  position: absolute;
  right: 15px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites {
  overflow: hidden;
  height: 850px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .wrapper_une_activity {
  transition-duration: 0.5s;
  float: left;
  width: 100%;
  min-height: 70px;
  overflow: hidden;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity {
  padding: 16px 24px;
  box-sizing: border-box;
  position: relative;
  display: flex;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_preteur {
  margin: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_1 .etoile1 {
  bottom: -8px;
  left: 12px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_2 .etoile1 {
  bottom: -6px;
  right: 4px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_2 .etoile2 {
  bottom: -6px;
  left: 4px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_3 .etoile1 {
  bottom: -3px;
  right: -6px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_3 .etoile2 {
  bottom: -6px;
  left: 12px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_3 .etoile3 {
  bottom: -3px;
  left: -4px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_4 .etoile1 {
  bottom: -6px;
  right: 4px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_4 .etoile2 {
  bottom: -6px;
  left: 4px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_4 .etoile3 {
  bottom: 2px;
  left: -9px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .rang_4 .etoile4 {
  bottom: 2px;
  right: -9px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .detail_activity {
  margin-left: 16px;
  max-width: 80%;
}
@media (max-width: 765px) {
  .activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .detail_activity {
    max-width: 70%;
  }
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .detail_activity .activity-content {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 22px;
  color: #4a4a4a;
  letter-spacing: 0;
  text-align: left;
  margin: 0;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .detail_activity .activity-content .membre-nom {
  font-weight: bold;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .detail_activity a {
  color: #3858a3;
  font-weight: normal;
  text-decoration: underline;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .heure_activity {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: left;
  color: #cacaca;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity .boost_picto_timeline {
  position: absolute;
  right: 20px;
  width: 30px;
  height: 30px;
}
.activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .une_activity:hover {
  background: rgba(153, 182, 255, 0.1);
  cursor: pointer;
}
.activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute {
  padding: 0 30px;
  position: relative;
}
.activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute h2 {
  font-weight: bold;
  font-size: 30px;
  padding: 0;
  margin: 20px 0 24px 0;
  line-height: 1.47;
  color: #3858a3;
}
.activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  width: 275px;
  max-width: 100%;
}
.activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute .bouton_preteur, .activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute .bouton_donnateur {
  width: 280px;
  margin: 40px 0 0 0;
}
.activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute .bouton_preteur .icon-pretup, .activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute .bouton_donnateur .icon-pretup {
  margin-left: 10px;
  font-size: 15px;
  position: relative;
  left: 0;
  top: 0;
  transition-duration: 0.3s;
  color: #3858a3;
}
.activite-preteurs .wrapper-activite-preteurs #rejoignez-communaute .bouton_preteur:hover .icon-pretup {
  left: 5px;
  color: #fff;
}
.activite-preteurs .wrapper-preteurs-annee {
  position: absolute;
  width: calc(100vw + 50px);
  background-image: url("/websites/pretup-1/images/forme-chelou.svg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 900px;
  left: -50px;
  bottom: -300px;
}
.activite-preteurs .wrapper-podium {
  margin-top: 226px;
  opacity: 0;
  transition-duration: 0.4s;
  position: relative;
}
@media (max-width: 1199px) {
  .activite-preteurs .wrapper-podium {
    margin-top: 12px;
  }
}
@media (max-width: 991px) {
  .activite-preteurs .wrapper-podium {
    margin-top: 60px;
  }
}
.activite-preteurs .wrapper-podium .podium-title {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.3px;
  text-align: center;
  color: #99b6ff;
}
.activite-preteurs .wrapper-podium .podium-title .de-lannee {
  color: #d3e0ff;
  text-decoration: underline;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche {
  position: relative;
  width: 33.33%;
  float: left;
  height: 320px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .wrapper-membre {
  opacity: 0;
  transition-duration: 0.4s;
  transition-delay: 1.2s;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotateY(90deg);
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .wrapper-membre .membre-nom {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 15px;
}
@media (max-width: 765px) {
  .activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .wrapper-membre .membre-nom {
    font-size: 17px;
  }
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .wrapper-membre .membre-nb-projets {
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #99b6ff;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .wrapper-membre .membre-nb-projets .nb-projets {
  font-weight: bold;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .wrapper-membre.triggered {
  opacity: 1;
  transform: rotateY(0deg);
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_preteur {
  padding-top: 9px;
  height: 70px;
  width: 70px;
  border-radius: 35px;
  margin: auto;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_1 .etoile1 {
  bottom: -8px;
  left: 28px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_2 .etoile1 {
  bottom: -8px;
  right: 15px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_2 .etoile2 {
  bottom: -8px;
  left: 15px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_3 .etoile1 {
  bottom: -8px;
  left: 28px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_3 .etoile2 {
  bottom: -2px;
  left: 7px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_3 .etoile3 {
  bottom: -2px;
  left: 47px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_4 .etoile1 {
  bottom: -8px;
  right: 15px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_4 .etoile2 {
  bottom: -8px;
  left: 15px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_4 .etoile3 {
  bottom: 4px;
  left: -4px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .rang_4 .etoile4 {
  bottom: 4px;
  right: -4px;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .podium-marche {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  transition-duration: 0.8s;
  transition-delay: 0.4s;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #d3e0ff;
  color: #3858a3;
  overflow: hidden;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche .podium-marche p {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #3858a3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.activite-preteurs .wrapper-podium .podium .wrapper-podium-marche.first .podium-marche {
  background-color: #ffffff;
  box-shadow: 0 2px 84px 0 #3858a3;
}
.activite-preteurs .wrapper-podium .podium .lien-tous-classements {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #a1b4e6;
  transition-duration: 0.4s;
  margin-top: 10px;
}
.activite-preteurs .wrapper-podium .podium .lien-tous-classements:hover {
  color: white;
}
.activite-preteurs .wrapper-podium.triggered {
  opacity: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites {
    height: 376px;
  }
  .activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .wrapper_une_activity:nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 767px) {
  .activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites {
    height: 286px;
  }
  .activite-preteurs .wrapper-activite-preteurs #timeline .timeline_activites .wrapper_une_activity:nth-child(n+4) {
    display: none;
  }
}
/***************************/
/***  AVIS DES PRETEURS  ***/
/*** - Module trustpilot ***/
/***************************/
.avis-des-preteurs {
  border-bottom: solid 1px #cacaca;
  padding-bottom: 40px;
  margin-top: 300px;
}
.avis-des-preteurs .new-title {
  margin-bottom: 80px;
}
.avis-des-preteurs h2 {
  font-size: 27px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .avis-des-preteurs {
    border: none;
    margin-top: 200px;
  }
  .avis-des-preteurs .new-title {
    margin-bottom: 20px;
  }
  .avis-des-preteurs .box-avis-des-preteurs {
    border-radius: 4px;
  }
  .avis-des-preteurs .box-avis-des-preteurs h2 {
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 15px 0;
  }
  .avis-des-preteurs .box-avis-des-preteurs #trustpilotindex {
    background-color: #f6f5f5;
    padding: 15px 0 5px 0;
  }
}
/***********************/
/*** QUI SOMMES NOUS ***/
/***********************/
.qui-sommes-nous {
  margin-top: 100px;
}
.qui-sommes-nous h2 {
  font-weight: bold;
  font-size: 30px;
  padding: 0;
  margin: 0;
  line-height: 1.47;
  color: #3858a3;
}
.qui-sommes-nous .title-separator {
  width: 80px;
  height: 3px;
  background-color: #282828;
  float: left;
  margin-bottom: 50px;
  margin-top: 0;
}
.qui-sommes-nous .team {
  margin: auto;
}
.qui-sommes-nous .argument img {
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 20px;
}
.qui-sommes-nous .argument p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  margin: 0;
}
.qui-sommes-nous .argument.first {
  margin-top: 30px;
}
.qui-sommes-nous .argument.second {
  border-top: 1px solid rgba(56, 88, 163, 0.2);
  padding: 30px 0 0 0;
  margin: 30px 0;
}
.qui-sommes-nous .argument.separator {
  border-top: 1px solid rgba(56, 88, 163, 0.2);
  border-bottom: 1px solid rgba(56, 88, 163, 0.2);
  padding: 30px 0;
  margin: 30px 0;
}
.qui-sommes-nous .argument.last-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qui-sommes-nous .bouton_preteur {
  width: 160px;
  margin: 30px 0 0 0;
}

.qui-sommes-nous-content {
  display: flex;
}
.qui-sommes-nous-content > div {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .qui-sommes-nous-content > div {
    width: 100%;
  }
}
.qui-sommes-nous-content > .img {
  display: flex;
  padding: 24px 48px 24px 24px;
  justify-content: center;
  align-items: center;
}
.qui-sommes-nous-content .argument {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .qui-sommes-nous-content {
    width: 100%;
    flex-direction: column;
  }
  .qui-sommes-nous-content h2 {
    text-align: center;
  }
}

/*************************/
/*** COMMENT CA MARCHE ***/
/*************************/
.comment-ca-marche {
  margin-top: 150px;
}
.comment-ca-marche .comment-ca-marche-item .comment-ca-marche-item-image {
  position: relative;
  left: -10px;
}
.comment-ca-marche .comment-ca-marche-item .comment-ca-marche-item-title {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
  margin: 20px 0 25px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #cacaca;
}
.comment-ca-marche .comment-ca-marche-item .comment-ca-marche-item-list {
  list-style-image: url("/websites/pretup-1/images/etoile-jaune.svg");
  padding-left: 25px;
}
.comment-ca-marche .comment-ca-marche-item .comment-ca-marche-item-list li {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  margin-top: 15px;
}
.comment-ca-marche .bouton_preteur {
  width: 210px;
  margin-top: 50px;
}

/********************/
/*** BOOST PRETUP ***/
/********************/
.boost-pretup {
  background: #f3f5fa url("/websites/pretup-1/images/home/rocket.webp");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 120px 0;
  margin-top: 120px;
  overflow: hidden;
}
.boost-pretup .boost-pretup-title {
  font-size: 19px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
}
.boost-pretup .boost-pretup-text {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
.boost-pretup .box-boost {
  width: 150px;
  height: 150px;
  max-width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 25px 10px;
}
.boost-pretup .box-boost .box-boost-image {
  display: block;
  margin: auto;
}
.boost-pretup .box-boost .box-boost-title {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #282828;
  border: none;
  margin: 15px 0 0 0;
}

@media (max-width: 767px) {
  .boost-pretup {
    padding: 80px 15px;
  }
  .boost-pretup .new-btn-plein-boost {
    margin-bottom: 40px;
  }
  .boost-pretup .box-boost {
    margin: 30px auto 0 auto;
  }
}
/*******************************/
/*** LA PRESSE PARLE DE NOUS ***/
/*******************************/
.presse-parle-de-nous {
  margin-top: 120px;
  margin-bottom: 120px;
}
.presse-parle-de-nous .suivi-twitter {
  height: 500px;
}
.presse-parle-de-nous .suivi-twitter iframe {
  height: 498px !important;
}
.presse-parle-de-nous .suivi-twitter, .presse-parle-de-nous .block-presse {
  border-radius: 4px;
  border: solid 1px #d3e0ff;
  padding: 0;
}
.presse-parle-de-nous .block-presse .block-presse-header {
  border-bottom: solid 1px #d3e0ff;
  padding: 17px 20px;
}
.presse-parle-de-nous .block-presse .block-presse-header .block-presse-title {
  font-size: 19px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
  margin: 0;
  padding: 0;
}
.presse-parle-de-nous .block-presse .block-presse-content {
  height: 439px;
  overflow: hidden;
  padding: 40px 30px;
  position: relative;
}
.presse-parle-de-nous .block-presse .block-presse-content .block-presse-logo-wrapper {
  height: 100px;
  margin-bottom: 20px;
}
.presse-parle-de-nous .block-presse .block-presse-content .block-presse-logo {
  width: 214px;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto 0 auto;
}
.presse-parle-de-nous .block-presse .block-presse-content .block-presse-quote {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #282828;
  margin: 30px 40px 0 40px;
  font-style: italic;
  height: 100px;
}
.presse-parle-de-nous .block-presse .block-presse-content .block-presse-link {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  margin-top: 30px;
  display: block;
}
.presse-parle-de-nous .block-presse .block-presse-content .block-presse-link:hover, .presse-parle-de-nous .block-presse .block-presse-content .block-presse-link:active, .presse-parle-de-nous .block-presse .block-presse-content .block-presse-link:focus {
  color: #3858a3;
}
.presse-parle-de-nous .block-presse .block-presse-content .slick-arrow {
  position: absolute;
  top: 50%;
  border: none;
  background: none;
}
.presse-parle-de-nous .block-presse .block-presse-content .slick-next {
  right: 15px;
}
.presse-parle-de-nous .block-presse .block-presse-content .slick-prev {
  left: 15px;
}
.presse-parle-de-nous .block-presse .block-presse-content .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  list-style: none;
  display: inline-block;
  text-align: center;
  padding: 0;
}
.presse-parle-de-nous .block-presse .block-presse-content .slick-dots li {
  display: inline;
}
.presse-parle-de-nous .block-presse .block-presse-content .slick-dots li button {
  border: none;
  background: #e4e4e4;
  color: #e4e4e4;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  margin: 0 4px;
  transition-duration: 0.4s;
}
.presse-parle-de-nous .block-presse .block-presse-content .slick-dots li.slick-active button {
  color: #4566ba;
  background: #4566ba;
}

@media (max-width: 991px) {
  .presse-parle-de-nous .block-presse .block-presse-content .block-presse-quote {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .presse-parle-de-nous .block-presse {
    margin-top: 40px;
  }
}
/******************/
/*** PAGE LOGIN ***/
/******************/
.contlogin {
  background-color: #f3f5fa;
}
.contlogin .login-container {
  margin-top: 150px;
  margin-bottom: 150px;
}
.contlogin .login-container > .row {
  position: relative;
}
.contlogin .login-container > .row .login-background {
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: 378px;
  background: url("/websites/pretup-1/images/bg_login.png") no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  z-index: 1;
}
.contlogin .login-container > .row .deja-membre, .contlogin .login-container > .row .nouveau-sur-pretup {
  z-index: 2;
}
.contlogin .login-container > .row .deja-membre h2, .contlogin .login-container > .row .nouveau-sur-pretup h2 {
  font-size: 30px;
  line-height: 1.53;
  text-align: left;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.contlogin .login-container > .row .deja-membre-content, .contlogin .login-container > .row .nouveau-sur-pretup-content {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(40, 40, 40, 0.12);
  padding: 30px;
}
@media (min-width: 992px) {
  .contlogin .login-container > .row .deja-membre-content, .contlogin .login-container > .row .nouveau-sur-pretup-content {
    height: 350px;
  }
}
.contlogin .login-container > .row .deja-membre-content .form-group, .contlogin .login-container > .row .nouveau-sur-pretup-content .form-group {
  margin: 0;
}
.contlogin .login-container > .row .deja-membre-content .form-group-mdp, .contlogin .login-container > .row .nouveau-sur-pretup-content .form-group-mdp {
  margin-top: 25px;
  margin-bottom: 40px;
}
.contlogin .login-container > .row .deja-membre-content .fb-login-button {
  margin-top: 8px;
}
.contlogin .login-container > .row .deja-membre-content .inscription-title,
.contlogin .login-container > .row .nouveau-sur-pretup-content .inscription-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  text-align: left;
  color: #4a4a4a;
  margin: 0;
  border: none;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(40, 40, 40, 0.12);
  padding: 30px;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content .form-group {
  margin: 0;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content .form-group-mdp {
  margin-top: 25px;
  margin-bottom: 40px;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content .inscription-list {
  list-style-image: url("/websites/pretup-1/images/li-bleu.svg");
  padding-left: 20px;
  margin-top: 12px;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content .inscription-list li {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #777777;
  margin: 0;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content .col-sm-4 {
  padding-left: 5px;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content .bouton-gradient {
  margin-top: 26px;
  width: 100%;
}
.contlogin .login-container > .row .nouveau-sur-pretup-content #connectFB {
  margin-top: 35px;
}

@media (max-width: 767px) {
  .contlogin .login-container {
    background-color: #3858a3;
    padding-bottom: 40px;
  }
}
/**********************/
/*** PAGE EMPRUNTER ***/
/**********************/
#body_emprunter .header_ban {
  background-repeat: no-repeat;
  background-size: cover;
}

/*************************/
/*** VALIDATION ENGINE ***/
/*************************/
.formError .formErrorContent {
  background: #0f172b;
  padding: 10px;
  border-radius: 2px;
  border: none;
  font-size: 12px;
  box-shadow: none;
}
.formError .formErrorArrow {
  display: none;
}

/*********************/
/*** FORM CONTROLS ***/
/*********************/
.form-group label {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #4a4a4a;
}

.form-control {
  border-radius: 2px !important;
  border: solid 1px #cacaca;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  text-align: left;
  color: #3858a3;
}

textarea.form-control {
  line-height: 20px;
}

.form-control.with-icon {
  padding-left: 40px;
  filter: grayscale(1);
}

.form-control.with-icon.email {
  background: url("/websites/pretup-1/images/mail.svg") #fff no-repeat 9px;
}

.form-control.with-icon.password {
  background: url("/websites/pretup-1/images/lock.svg") #fff no-repeat 9px;
}

.form-control.with-icon:active, .form-control.with-icon:focus, .form-control.with-icon:hover {
  filter: grayscale(0);
}

.form-control.with-icon:active, .form-control.with-icon:focus {
  border-color: #3858a3;
}

.form-control.with-icon:active::placeholder, .form-control.with-icon:focus::placeholder {
  color: #3858a3;
}

#dropzone_liasses_fiscales {
  color: #4a4a4a;
}

.index_emp {
  padding-top: 120px !important;
}

.btn-radio-value {
  width: 200px;
  height: 40px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  background: #fff;
  border: solid 1px #cacaca;
  border-radius: 2px;
  outline: none !important;
  transition-duration: 0.4s;
  margin-left: 20px;
}
.btn-radio-value.selected {
  background-color: #f3f5fa;
  border: solid 2px #3858a3;
  color: #3858a3;
  font-weight: bold;
}
.btn-radio-value:first-of-type {
  margin-left: 0;
}

input[type=checkbox].pretup-checkbox {
  position: absolute;
  z-index: -1000;
  left: 60px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=checkbox].pretup-checkbox + label.pretup-label {
  padding-left: 25px;
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=checkbox].pretup-checkbox:checked + label.pretup-label:before {
  background-position: 0 -20px;
}

label.pretup-label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.pretup-label:before {
  content: " ";
  height: 20px;
  width: 20px;
  background: url("/websites/pretup-1/images/css-checkbox.png") no-repeat 0 0;
  display: inline-block;
  position: relative;
  left: -10px;
  top: 0;
  float: left;
}

label.pretup-label.jaune:before {
  background: url("/websites/pretup-1/images/css-checkbox-jaune.png") no-repeat 0 0;
}

#graphTRIPreteurs {
  margin-top: 50px;
}

.mycluster {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px;
  background-image: url("https://www.pretup.fr/include/images/marker/m1.png");
  text-align: center;
  color: #fff;
  background-size: 35px;
}

.leaflet-container .new-btn-plein {
  color: #fff;
}
.leaflet-container .new-btn-plein:hover {
  color: #3857a6;
}

.link-copy {
  border: 1px solid;
  border-radius: 3px;
  padding: 3px;
  cursor: pointer;
}
.link-copy:hover {
  color: rgb(65, 97, 169);
}

.succession-list-search {
  border: #4161a9 1px solid;
  padding: 0.5rem;
}

.succession-defunt, .succession-heritier, .succession-projet {
  cursor: pointer;
  padding: 3px;
  width: 100%;
  display: inline-block;
}

.succession-heritier_nokyc2 {
  padding: 3px;
  width: 100%;
  display: inline-block;
  color: red;
}

.succession-defunt:hover, .succession-heritier:hover {
  background: #e8f0fe;
}

#body_projet div[aria-describedby=cacheprojet] {
  border: none;
  background-color: #F7F7F7;
  padding: 0;
}
#body_projet table {
  width: 100%;
}
#body_projet table thead tr, #body_projet table tbody tr, #body_projet table tfoot tr {
  height: 50px;
  border-top: 1px solid rgba(56, 88, 163, 0.1);
  border-bottom: 1px solid rgba(56, 88, 163, 0.1);
}
#body_projet table thead tr th, #body_projet table thead tr td, #body_projet table tbody tr th, #body_projet table tbody tr td, #body_projet table tfoot tr th, #body_projet table tfoot tr td {
  border: none;
  padding: 3px 10px 3px 15px;
}
#body_projet table thead tr td, #body_projet table tbody tr td, #body_projet table tfoot tr td {
  text-align: right;
}
#body_projet table thead tr th, #body_projet table thead tr td, #body_projet table tbody tr.header th, #body_projet table tbody tr.header td {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  color: #282828;
}
#body_projet table tbody tr.header th {
  text-transform: uppercase;
}
#body_projet table thead tr th, #body_projet table thead tr td {
  background-color: rgba(56, 88, 163, 0.1);
}
#body_projet table tbody tr th, #body_projet table tbody tr td {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  color: #282828;
}
#body_projet table tfoot tr th, #body_projet table tfoot tr td {
  background: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #3858a3;
  border-bottom: 2px solid #3858a3;
}
@media (min-width: 768px) {
  #body_projet .projet-liens .fil-ariane {
    padding-left: 0;
  }
}
#body_projet .projet-liens .fil-ariane a, #body_projet .projet-liens .fil-ariane span {
  color: #282828;
  opacity: 0.8;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: normal;
  transition-duration: 0.3s;
}
#body_projet .projet-liens .fil-ariane a:hover, #body_projet .projet-liens .fil-ariane a:active {
  opacity: 1;
}
#body_projet .projet-liens .partager-ce-projet {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #282828;
}
@media (min-width: 768px) {
  #body_projet .projet-liens .partager-ce-projet {
    padding-right: 0;
    text-align: right;
  }
}
#body_projet .projet-liens .partager-ce-projet img {
  margin: 0 4px;
}
#body_projet .projet-wrapper-header {
  position: relative;
  height: 530px;
  overflow: hidden;
  border-radius: 4px;
}
#body_projet .projet-wrapper-header .caution-mentor {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 10;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(40, 40, 40, 0.3);
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 8px;
  max-width: calc(100% - 48px);
}
#body_projet .projet-wrapper-header .caution-mentor .logo {
  height: 24px;
  width: 24px;
  margin: 4px 8px 4px 0;
}
#body_projet .projet-wrapper-header .caution-mentor .text {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #22232c;
  opacity: 0.8;
}
#body_projet .projet-wrapper-header .projet-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#body_projet .projet-wrapper-header .projet-slider .slick-slide img {
  width: 100%;
  height: auto;
}
@media (max-width: 1199px) {
  #body_projet .projet-wrapper-header .projet-slider .slick-slide img {
    height: 100%;
    width: auto;
  }
}
#body_projet .projet-wrapper-header .projet-bloc-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  color: white;
  padding: 30px;
}
#body_projet .projet-wrapper-header .projet-bloc-info .projet-title {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
#body_projet .projet-wrapper-header .projet-bloc-info .projet-localite {
  opacity: 0.8;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  font-style: italic;
}
#body_projet .projet-wrapper-header .projet-bloc-info .projet-resume {
  min-height: 75px;
  padding-top: 20px;
}
#body_projet .projet-wrapper-header .projet-bloc-info .projet-resume, #body_projet .projet-wrapper-header .projet-bloc-info .projet-resume p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
#body_projet .projet-wrapper-header .projet-bloc-info .projet-resume p {
  margin: 0;
}
#body_projet .projet-wrapper-header .projet-bloc-info .projet-bloc-info-right-col {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 40px;
}
#body_projet .projet-wrapper-header .projet-bloc-info .projet-bloc-info-right-col .col-xs-6 {
  padding: 0;
}
@media (max-width: 1199px) {
  #body_projet .projet-wrapper-header .projet-bloc-info .projet-bloc-info-right-col {
    position: static;
    margin-top: 15px;
  }
  #body_projet .projet-wrapper-header .projet-bloc-info .projet-bloc-info-right-col .row {
    width: 350px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  #body_projet .projet-wrapper-header .projet-bloc-info .projet-bloc-info-right-col {
    padding-left: 50px;
  }
}
#body_projet .projet-wrapper-header .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, rgba(56, 88, 163, 0), #3858a3);
  z-index: 2;
}
#body_projet .projet-info {
  padding: 0 15px;
}
#body_projet .projet-info .projet-info-title {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: 1.5px;
  text-align: left;
  color: #ffffff;
  opacity: 0.6;
  text-transform: uppercase;
  margin: 0;
}
#body_projet .projet-info .projet-info-value {
  font-size: 19px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
@media (max-width: 991px) {
  #body_projet .projet-info {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  #body_projet .projet-info {
    padding: 0 5px;
  }
}
#body_projet .projet-info-wrapper-risque {
  width: 140px;
}
#body_projet .projet-info-wrapper {
  width: 140px;
  margin: auto;
  margin-left: 0;
}
#body_projet .projet-info.right-separator {
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  padding-left: 0;
}
#body_projet .projet-info.right-separator .projet-info-wrapper {
  width: 90px;
}
#body_projet .main-col-projet {
  margin-top: 30px;
}
@media (min-width: 768px) {
  #body_projet .main-col-projet {
    padding-left: 0;
  }
}
#body_projet .sidebar-wrapper {
  position: relative;
  top: -350px;
  z-index: 10;
}
#body_projet .sidebar-wrapper .sidebar-projet {
  padding: 0;
  background: #ffffff;
  border: solid 1px #f3f5fa;
  border-radius: 4px;
  overflow: hidden;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations {
  padding: 32px 32px 16px 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations {
    padding: 16px 16px 8px 16px;
  }
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations .bandeau_type {
  position: absolute;
  top: -18px;
  right: -17px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter {
  padding: 16px 32px 24px 32px;
  background-color: #f3f5fa;
  border-radius: 0 0 4px 4px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .libelelEtOffres {
  display: flex;
  height: 28px;
  margin-bottom: 16px;
  justify-content: space-between;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .libelelEtOffres .montantpret {
  display: flex;
  align-items: center;
  font-size: 18px;
  letter-spacing: 0.5px;
  color: #282828;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .libelelEtOffres .offresemises {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #3858a3;
  cursor: pointer;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .libelelEtOffres.offresSeul {
  margin-bottom: 0;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .libelelEtOffres.offresSeul .offresemises {
  font-size: 16px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider {
  display: flex;
  height: 48px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter {
  display: flex;
  justify-content: center;
  background: #ffffff;
  color: #282828;
  font-size: 20px;
  font-style: normal;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter input {
  padding: 0 0 0 16px;
  width: 64px;
  text-align: right;
  border: none;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter input:focus {
  outline: none;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter .eurosymbol, #body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter .changermontant > div {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter .eurosymbol {
  width: 32px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter .changermontant {
  width: 24px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter .changermontant > div {
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  color: #a9b1c1;
  border: 1px solid #d7deed;
  border-radius: 1.6px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter .changermontant > div:first-child {
  border-bottom-width: 0.5px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .inputpreter .changermontant > div:last-child {
  border-top-width: 0.5px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .inputpreterEtValider .boutonvalidation {
  display: flex;
  margin: 0 0 0 8px;
  height: 100%;
  flex-grow: 1;
  font-size: 16px;
  background: #3858a3;
  color: #ffffff;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .resteAPreter {
  margin-bottom: 8px;
  color: #a9b1c1;
  font-size: 12px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table {
  font-size: 12px;
  margin-bottom: 16px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table tr {
  border: 0;
  height: 32px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table thead tr {
  border-bottom: 1px solid #d7deed;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table th, #body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table td {
  background-color: transparent;
  height: 40px;
  padding: 0;
  text-align: right;
  vertical-align: middle;
  color: #4a4a4a;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table th:first-child, #body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table td:first-child {
  text-align: left;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table th img, #body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table td img {
  height: 24px;
  width: 24px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table th {
  font-weight: bold;
  color: #9198ac;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .offresemisestableau table th:last-child {
  width: 64px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .montantmaxEtEcheancier {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 18px;
  font-size: 12px;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .montantmaxEtEcheancier .montantmax {
  color: #a9b1c1;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .montantmaxEtEcheancier .voirecheancier, #body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations.preter .montantmaxEtEcheancier .voiresimulateur {
  cursor: pointer;
  color: #3858a3;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations #simu_prepublication {
  text-align: center;
  display: flex;
  justify-content: center;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations #simu_prepublication #projet_offre {
  padding: 8px 4px 8px 16px;
  margin-bottom: 8px;
  width: 64px;
  text-align: right;
  border: none;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations #simu_prepublication #projet_offre:focus {
  outline: none;
}
#body_projet .sidebar-wrapper .sidebar-projet .sidebar-projet-informations #simu_prepublication .eurosigle {
  background: #FFFFFF;
  padding: 8px 16px 8px 0;
  margin-bottom: 8px;
}
#body_projet .sidebar-wrapper .sidebar-projet label, #body_projet .sidebar-wrapper .sidebar-projet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
#body_projet .sidebar-wrapper .sidebar-projet p {
  margin: 10px 0 0 0;
}
#body_projet .sidebar-wrapper .sidebar-projet .montant-recherche {
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #282828;
  position: relative;
  margin: 2px 0 20px 0;
}
#body_projet .sidebar-wrapper .sidebar-projet .prepublie-dans-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 32px;
}
#body_projet .sidebar-wrapper .sidebar-projet .prepublie-dans-wrapper .prepublie-dans {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #4566ba;
  font-weight: bold;
  border-radius: 11px;
  background: #dbe6ff;
  height: 22px;
  padding-left: 3px;
  padding-right: 8px;
  text-transform: uppercase;
}
#body_projet .sidebar-wrapper .sidebar-projet .prepublie-dans-wrapper .prepublie-dans img {
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
#body_projet .sidebar-wrapper .sidebar-projet #slider_montant_recherche {
  position: relative;
  height: 50px;
  margin-bottom: 16px;
}
#body_projet .sidebar-wrapper .sidebar-projet #slider_montant_recherche .progress_box_new {
  border-radius: 7.5px;
  background-color: #cfd5e6;
  height: 15px;
  overflow: hidden;
}
#body_projet .sidebar-wrapper .sidebar-projet #slider_montant_recherche .progress_box_new .progress_content_new {
  background-image: linear-gradient(to right, #29418e, #456dbb);
  border-radius: 7.5px;
}
#body_projet .sidebar-wrapper .sidebar-projet #slider_montant_recherche .nb-preteurs, #body_projet .sidebar-wrapper .sidebar-projet #slider_montant_recherche .montant-recolte {
  position: absolute;
  bottom: 0;
  width: 50%;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #777777;
}
#body_projet .sidebar-wrapper .sidebar-projet #slider_montant_recherche .nb-preteurs {
  left: 0;
}
#body_projet .sidebar-wrapper .sidebar-projet #slider_montant_recherche .montant-recolte {
  right: 0;
  text-align: right;
}
#body_projet .sidebar-wrapper .sidebar-projet .kiis {
  border-top: 1px solid #f3f5fa;
  padding-top: 16px;
  margin-top: 12px;
  text-align: center;
}
#body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps {
  border-top: 1px solid #f3f5fa;
  padding-top: 16px;
  padding-bottom: 16px;
}
#body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .section-info {
  padding: 0;
  margin: 0;
  width: 48%;
  display: inline-block;
}
#body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .section-info .icon-help-circle {
  font-size: 16px;
  margin-left: 5px;
}
#body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .libelle {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: 1.1px;
  text-align: left;
  color: #777777;
  text-transform: uppercase;
  margin: 0;
}
#body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .libelle .mini {
  font-size: 10px;
}
@media (max-width: 991px) {
  #body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .libelle {
    letter-spacing: 0.1px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .libelle {
    font-size: 10px;
  }
  #body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .libelle .mini {
    font-size: 8px;
  }
}
#body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .value {
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3858a3;
  margin: 0;
}
@media (max-width: 991px) {
  #body_projet .sidebar-wrapper .sidebar-projet .taux-duree-temps .value {
    font-size: 18px;
  }
}
#body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate {
  margin-top: 20px;
}
#body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate #projet_offre {
  background-color: #ffffff;
  border: solid 1px #cacaca;
  border-radius: 2px;
  width: 150px;
  margin-left: 20px;
  font-size: 21px;
  color: #282828;
}
@media (max-width: 991px) {
  #body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate #projet_offre {
    margin: 0;
    width: 100%;
  }
}
#body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate .projet-offre-euro {
  position: absolute;
  right: 30px;
  bottom: 5px;
  font-size: 21px;
}
#body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate .plus, #body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate .moins {
  position: absolute;
  right: 0;
  border-radius: 1.6px;
  background-color: #ffffff;
  border: solid 0.8px #cacaca;
  width: 20px;
  height: 20px;
  line-height: 16px;
}
#body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate .plus {
  top: 0;
}
#body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate .moins {
  top: 20px;
}
#body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate > .form-group {
  position: relative;
}
#body_projet .sidebar-wrapper .sidebar-projet #pret_simulation {
  display: none;
  margin: 16px -16px;
  box-shadow: none;
}
#body_projet .sidebar-wrapper .sidebar-projet #pret_simulation .tab_simu_preteur {
  box-shadow: none;
}
#body_projet .sidebar-wrapper .sidebar-projet #pret_simulation .tab_simu_preteur th, #body_projet .sidebar-wrapper .sidebar-projet #pret_simulation .tab_simu_preteur td {
  padding: 0 4px 0 0;
}
#body_projet .sidebar-wrapper .sidebar-projet button.voir-echeancier {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #3858a3;
  border: none;
  background: none;
  padding: 0;
  margin-right: 30px;
  margin-bottom: 10px;
}
#body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite {
  margin: 0;
  overflow: auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
#body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite table {
  border: none;
  border-radius: 2px;
  background-color: #f6f6f6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}
#body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite thead tr, #body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite thead tr th {
  height: 38px;
  background-color: #777777;
  color: #fff;
}
#body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite tbody tr {
  height: 38px;
  background-color: #ffffff;
  box-shadow: 0 1px 0 0 rgba(56, 88, 163, 0.2);
  border-top: 1px solid rgba(56, 88, 163, 0.2);
  border-bottom: 1px solid rgba(56, 88, 163, 0.2);
}
#body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite tbody tr td {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #777777;
}
#body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite tfoot tr {
  height: 38px;
  background-color: #ffffff;
  box-shadow: 0 2px 0 0 #3858a3;
}
#body_projet .sidebar-wrapper .sidebar-projet #simu_mensualite tfoot tr th {
  background-color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  color: #3858a3;
  text-align: right;
}
#body_projet .sidebar-wrapper .sidebar-separator {
  height: 1px;
  background-color: #d3e0ff;
  margin: 30px 0;
}
#body_projet .sidebar-wrapper .sidebar-boost {
  margin-top: 24px;
  height: 80px;
  border-radius: 2px;
  background-color: #4a4a4a;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
  #body_projet .sidebar-wrapper .sidebar-boost {
    height: 100px;
  }
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #282828;
  height: 100%;
  z-index: 1;
  transition-duration: 0.8s;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-overlay, #body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-logo {
  width: 60px;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-logo {
  left: 0;
  background: url("/websites/pretup-1/images/page_boost/sigleboost_4.svg") no-repeat center;
  background-size: 30px;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content {
  left: 60px;
  right: 0;
  padding: 20px 15px;
  transition-duration: 0.5s;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content .sidebar-boost-content-subtitle {
  margin-bottom: 0;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content .sidebar-boost-content-link {
  margin-top: 20px;
  opacity: 0;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content .sidebar-boost-content-subtitle, #body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content .sidebar-boost-content-title {
  opacity: 1;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content .sidebar-boost-content-subtitle, #body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content .sidebar-boost-content-link {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #cacaca;
  transition-duration: 0.5s;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content .sidebar-boost-content-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  transition-duration: 0.5s;
}
#body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-logo, #body_projet .sidebar-wrapper .sidebar-boost .sidebar-boost-content {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 2;
  float: left;
}
#body_projet .sidebar-wrapper .sidebar-boost:hover {
  cursor: pointer;
}
#body_projet .sidebar-wrapper .sidebar-boost:hover .sidebar-boost-overlay {
  width: 100%;
}
#body_projet .sidebar-wrapper .sidebar-boost:hover .sidebar-boost-content {
  margin-top: -36px;
}
#body_projet .sidebar-wrapper .sidebar-boost:hover .sidebar-boost-content .sidebar-boost-content-subtitle {
  opacity: 0;
}
#body_projet .sidebar-wrapper .sidebar-boost:hover .sidebar-boost-content .sidebar-boost-content-title {
  margin-top: 15px;
  margin-bottom: 0;
}
#body_projet .sidebar-wrapper .sidebar-boost:hover .sidebar-boost-content .sidebar-boost-content-link {
  margin-top: 0;
  opacity: 1;
}
#body_projet .sidebar-wrapper .sidebar-rappel {
  height: 80px;
  border-radius: 2px;
  position: relative;
  background-color: #f3f5fa;
  margin-top: 24px;
  display: flex;
  flex-direction: row-reverse;
  cursor: pointer;
}
#body_projet .sidebar-wrapper .sidebar-rappel .rappel-overlay {
  position: absolute;
  right: 0;
  height: 100%;
  width: 80px;
  background-color: #3858a3;
  transition-duration: 0.8s;
  z-index: 1;
}
#body_projet .sidebar-wrapper .sidebar-rappel .rappel-logo {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #ffffff;
  z-index: 2;
}
#body_projet .sidebar-wrapper .sidebar-rappel .rappel-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 4px 16px;
  font-size: 16px;
  transition-duration: 0.5s;
  transition-timing-function: ease-in;
  z-index: 3;
}
#body_projet .sidebar-wrapper .sidebar-rappel .rappel-content > div {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.5s;
  height: 33.3333333333%;
}
#body_projet .sidebar-wrapper .sidebar-rappel .rappel-content .rappel-rappel {
  color: #f3f5fa;
}
#body_projet .sidebar-wrapper .sidebar-rappel:hover .rappel-overlay {
  width: 100%;
}
#body_projet .sidebar-wrapper .sidebar-rappel:hover .rappel-content {
  color: #f3f5fa;
}
#body_projet .sidebar-wrapper .sidebar-rappel:hover .rappel-content > div:first-child {
  height: 0;
}
#body_projet .sidebar-wrapper .sidebar-rappel a.mask {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#body_projet .sidebar-wrapper .diversifiez-vos-investissements {
  position: relative;
  background: #f3f5fa;
  padding: 20px 25px;
  margin-top: 30px;
}
#body_projet .sidebar-wrapper .diversifiez-vos-investissements .content {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.65;
  letter-spacing: normal;
  text-align: center;
  color: #282828;
}
#body_projet .sidebar-wrapper .diversifiez-vos-investissements:after {
  top: 100%;
  left: 80%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 20px solid rgba(243, 245, 250, 0);
  border-top-color: #f3f5fa;
  margin-left: -20px;
}
#body_projet .sidebar-wrapper .montant-max {
  height: 35px;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #4a4a4a;
  margin-bottom: 13px;
}
#body_projet .sidebar-wrapper.prepublie {
  top: -215px;
}
#body_projet .sidebar-wrapper.prepublie .montant-recherche {
  color: #979797;
  margin-bottom: 0;
}
#body_projet .sidebar-wrapper.prepublie .taux-duree-temps {
  border-color: rgba(56, 88, 163, 0.2);
}
#body_projet .sidebar-wrapper.prepublie .taux-duree-temps .section-info {
  width: 48%;
}
#body_projet .sidebar-wrapper.prepublie .taux-duree-temps .section-info p {
  text-align: center;
}
#body_projet .sidebar-wrapper.prepublie .sidebar-projet {
  background-color: #f6f6f6;
}
#body_projet .sidebar-wrapper.prepublie .sidebar-projet-informations:last-child {
  padding-top: 8px;
  padding-bottom: 16px;
}
#body_projet .sidebar-wrapper.prepublie .sidebar-projet-informations:last-child .montant-max {
  justify-content: center;
  color: #979797;
}
#body_projet #menu_projet_interne ul li a {
  color: #777777;
  font-size: 16px;
  font-weight: normal;
}
#body_projet #menu_projet_interne ul li.ui-tabs-active a, #body_projet #menu_projet_interne ul li.ui-state-active a {
  color: #3858a3;
  font-weight: bold;
}
#body_projet .sidebar-projet.floating {
  position: fixed;
  top: 100px;
}
#body_projet .onglets.ui-widget {
  font-family: myriad;
}
#body_projet .onglets ul li:active,
#body_projet .onglets ul li:focus,
#body_projet .onglets ul li:hover {
  outline: none;
}
#body_projet .onglets .h1 {
  font-size: 30px;
  color: #4161a9;
}
#body_projet .onglets.ui-tabs {
  border: none;
  margin: 0px 0px 10px 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#body_projet .onglets .ui-tabs-nav {
  border: none;
  border-bottom: 1px solid rgba(56, 88, 163, 0.2);
  border-radius: 0;
}
#body_projet .onglets .ui-widget-header {
  background-color: transparent;
  background-image: none;
}
#body_projet .onglets .ui-state-default, #body_projet .onglets .ui-widget-content .ui-state-default, #body_projet .onglets .ui-widget-header .ui-state-default {
  padding: 0 20px 0 20px;
  border: none;
  background: none;
  border-radius: 0;
}
#body_projet .onglets.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border: none;
}
#body_projet .onglets.ui-tabs .ui-tabs-panel {
  padding: 20px 0 10px 0;
  margin: 0;
}
#body_projet .onglets.ui-tabs .ui-widget-content .h1 {
  padding: 0;
  margin: 0 0 10px 0;
}
#body_projet .onglets .ui-state-default a, #body_projet .onglets .ui-state-default a:link, #body_projet .onglets .ui-state-default a:visited {
  color: #282828;
}
#body_projet .onglets .ui-state-active a, #body_projet .onglets .ui-state-active a:link, #body_projet .onglets .ui-state-active a:visited {
  color: #3658a4;
}
#body_projet .onglets.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 25px 0;
}
#body_projet .onglets.ui-tabs .ui-tabs-nav li {
  padding: 0 15px;
}
#body_projet .onglets.ui-tabs .ui-tabs-nav li:first-child {
  padding-left: 0;
}
#body_projet .onglets.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  border-bottom: 3px solid #3858a3;
}
#body_projet .ui-tabs-panel .tab-title {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #3858a3;
  border: none;
  margin: 40px 0 20px 0;
}
#body_projet .ui-tabs-panel h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
  border-bottom: solid 1px rgba(56, 88, 163, 0.2);
  margin: 40px 0 30px 0;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  #body_projet #menu_projet_interne {
    min-height: 500px;
  }
}
#body_projet #tab_entreprise .fiche-entreprise {
  border-radius: 2px;
  background-color: #f3f5fa;
  overflow: hidden;
}
#body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-logo {
  position: relative;
  height: 180px;
}
#body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-logo img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 0 0 15px;
}
#body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-infos.no-logo {
  padding-left: 30px;
}
#body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-infos {
  padding-top: 20px;
  padding-bottom: 20px;
}
#body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-infos .fiche-entreprise-infos-nom {
  font-size: 24px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
  color: #3858a3;
  border: none;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-infos .fiche-entreprise-infos-row .fiche-entreprise-infos-row-libelle, #body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-infos .fiche-entreprise-infos-row .fiche-entreprise-infos-row-value {
  display: inline;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
#body_projet #tab_entreprise .fiche-entreprise .fiche-entreprise-infos .fiche-entreprise-infos-row .fiche-entreprise-infos-row-value {
  font-weight: bold;
}
#body_projet #tab_entreprise .dirigeant {
  margin-bottom: 40px;
}
#body_projet #tab_entreprise .dirigeant .dirigeant-nom {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #3858a3;
  border: none;
  margin: 0 0 15px 0;
}
#body_projet #tab_entreprise .dirigeant .dirigeant-biographie, #body_projet #tab_entreprise .dirigeant .dirigeant-biographie p, #body_projet #tab_entreprise .dirigeant .dirigeant-biographie span {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
#body_projet #tab_projet h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #3858a3;
}
#body_projet #tab_projet .analyses {
  margin-top: 40px;
}
#body_projet #tab_projet .analyses th, #body_projet #tab_projet .analyses td {
  vertical-align: middle;
}
#body_projet #tab_projet .analyses .glyphicon {
  margin-right: 16px;
}
#body_projet #tab_finances .margin-top {
  margin-top: 40px;
}
#body_projet #tab_finances table tr td:nth-child(2), #body_projet #tab_finances table tr td:nth-child(3) {
  width: 150px;
}
@media (max-width: 767px) {
  #body_projet #tab_finances table tr td:nth-child(2), #body_projet #tab_finances table tr td:nth-child(3) {
    width: 120px;
  }
}
#body_projet #tab_echeancier .tab_simu_preteur tr td {
  text-align: left;
}
#body_projet #tab_offre .preteur-logo .rang_preteur {
  width: 30px;
  height: 30px;
  float: left;
  margin-top: 20px;
}
#body_projet #tab_offre .preteur-logo .rang_preteur .etoile1, #body_projet #tab_offre .preteur-logo .rang_preteur .etoile2, #body_projet #tab_offre .preteur-logo .rang_preteur .etoile3, #body_projet #tab_offre .preteur-logo .rang_preteur .etoile4 {
  display: none;
}
#body_projet #tab_offre td {
  height: 70px;
}
#body_projet #tab_offre td p {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
  line-height: 70px;
}
#body_projet #tab_offre .preteur-nom {
  float: left;
  margin: 0 0 0 10px;
}
#body_projet #tab_offre .boost-pretup-logo {
  height: 30px;
  width: 30px;
}
#body_projet #tableau_offres .rang_preteur {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 765px) {
  #body_projet {
    padding-top: 100px;
  }
  #body_projet #projet_col_droite {
    margin-top: 15px;
  }
  #body_projet .sidebar-wrapper {
    top: 0;
  }
  #body_projet .sidebar-wrapper.prepublie {
    top: 0;
  }
}
@media (max-width: 991px) {
  #body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate .plus {
    top: 29px;
  }
  #body_projet .sidebar-wrapper .sidebar-projet .form_offre_validate .moins {
    bottom: 0;
    top: auto;
  }
  #body_projet #tab_offre .preteur-logo .rang_preteur {
    margin: auto;
    float: none;
  }
  #body_projet #tab_offre .preteur-nom {
    text-align: center;
    margin: 0;
    float: none;
    line-height: 120%;
    margin-top: 5px;
  }
  #body_projet .onglets.ui-tabs .ui-tabs-nav li {
    padding: 0 5px;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  #body_projet .onglets.ui-tabs .ui-tabs-nav li {
    padding: 0 8px;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  #body_projet .onglets.ui-tabs .ui-tabs-nav li {
    padding: 0 20px;
  }
}
#body_projet .bouton_offre, #body_projet .bloc_alerte a, #body_projet .projet_termine_txt a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  width: 100%;
  margin: 20px 0 8px;
  padding: 15px 0;
  border-radius: 4px;
  background-color: #3858a3;
  transition-duration: 0.4s;
}
#body_projet .bloc_alerte {
  text-align: left;
  margin-top: 15px;
}
#body_projet .bloc_alerte a {
  margin-top: 5px;
}
#body_projet .bloc_alerte .icon-pretup {
  vertical-align: middle;
}
#body_projet .okmsg {
  border-radius: 4px;
  background-color: #b1d847;
  color: #fff;
  padding: 15px;
  font-weight: bold;
}
#body_projet .okmsg .icon-pretup {
  padding-right: 5px;
}
#body_projet .alertmsg {
  color: #f4642f;
}
#body_projet #donwload_echeancier {
  width: 100%;
  margin: 0;
}
#body_projet #donwload_echeancier .icon-pretup {
  margin-left: 5px;
}

.bloc-garanties {
  padding: 0.5em;
  margin: 0.5em;
}

.titre-garanties {
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: 1px;
  text-align: left;
  color: #3857a6;
  text-transform: uppercase;
  margin: 0;
  padding-left: 5px;
  font-size: 1.1em;
}

.garantie {
  background-color: white;
  border: 1px solid #3857a6;
  border-radius: 0px;
  color: #3857a6;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 3px;
  margin: 5px;
  font-size: 1em;
  display: inline-block;
}

.bloc-attention {
  background-color: #f3f5fa;
  text-align: justify;
  margin-bottom: 2em;
  padding: 1em;
  font-size: small;
  color: #777;
  margin-left: 4px;
  margin-right: 14px;
}

.notificationsWrapper .notification {
  margin: 16px 8px;
  padding: 8px 12px;
  font-size: 14px;
  border-left: 2px solid #d7deed;
}
.notificationsWrapper .notification .header_notification {
  color: #848484;
  margin-bottom: 4px;
}
.notificationsWrapper .notification .header_notification span {
  font-weight: bold;
  text-transform: capitalize;
}
.notificationsWrapper .notification:first-child {
  margin-top: 0;
}
.notificationsWrapper .notification.information {
  border-color: #b4d12c;
}
.notificationsWrapper .notification.information .header_notification span {
  color: #b4d12c;
}
.notificationsWrapper .notification.attention {
  border-color: #fdc708;
}
.notificationsWrapper .notification.attention .header_notification span {
  color: #fdc708;
}
.notificationsWrapper .notification.probleme {
  border-color: #fc6635;
}
.notificationsWrapper .notification.probleme .header_notification span {
  color: #fc6635;
}
.notificationsWrapper .notification:hover {
  background-color: #f9f9f9;
}

@media (max-width: 767px) {
  #body_faq {
    margin-top: 80px;
  }
}
#body_faq .header_ban {
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  #body_faq .header_ban {
    height: auto;
  }
}
#body_faq .header_ban.preteur {
  background-image: url("/websites/pretup-1/images/banniere-faq-preteur.jpg");
}
#body_faq .header_ban.emprunteur {
  background-image: url("/websites/pretup-1/images/banniere-faq-emprunteur.jpg");
}
#body_faq .header_ban .header_txt {
  margin-top: 180px;
}
@media (max-width: 767px) {
  #body_faq .header_ban .header_txt {
    margin-top: 40px;
  }
}
#body_faq .header_ban .header_txt h1 {
  font-size: 46px;
  color: #ffffff;
  margin: 0;
}
#body_faq .header_ban .header_txt p {
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  margin: 10px 0;
}
#body_faq .header_ban .header_txt .bouton_preteur {
  background-color: transparent;
  color: #fff;
  margin: 15px 0;
}
#body_faq .header_ban .header_txt .bouton_preteur:hover {
  border-color: #fff;
  background-color: #fff;
  color: #4161a9;
}
#body_faq .faq-container {
  margin-top: 80px;
}
@media (max-width: 767px) {
  #body_faq .faq-container {
    margin-top: 40px;
  }
}
#body_faq .faq-container h2 {
  font-size: 26px;
  line-height: 1.31;
  text-align: left;
  color: #282828;
  margin-top: 20px;
  padding-top: 0;
}
#body_faq .faq-container .faq-sidebar ul {
  list-style: none;
  padding-left: 0;
}
#body_faq .faq-container .faq-sidebar ul li {
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
  color: #282828;
  margin-top: 20px;
  transition-duration: 0.4s;
  cursor: pointer;
}
#body_faq .faq-container .faq-sidebar ul li:first-of-type {
  margin-top: 0;
}
#body_faq .faq-container .faq-sidebar ul li.active {
  color: #4566ba;
  font-weight: bold;
  border-left: solid 3px #3858a3;
  padding-left: 10px;
}
@media (min-width: 767px) {
  #body_faq .faq-container .faq-main-content {
    float: right;
  }
}
#body_faq .faq-container .faq-main-content .ui-accordion-header {
  height: 112px;
  width: 100%;
  border-radius: 4px;
  background-color: #f6f6f6;
  font-size: 20px;
  font-weight: bold;
  color: #4a4a4a;
  border: none;
  position: relative;
  display: table;
}
@media (max-width: 767px) {
  #body_faq .faq-container .faq-main-content .ui-accordion-header {
    font-size: 16px;
  }
}
#body_faq .faq-container .faq-main-content .ui-accordion-header:focus, #body_faq .faq-container .faq-main-content .ui-accordion-header:active {
  outline: none;
}
#body_faq .faq-container .faq-main-content .ui-accordion-header.ui-corner-top {
  background-color: #4566ba;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
}
#body_faq .faq-container .faq-main-content .ui-accordion-header.ui-corner-top .icon-pretup.icon-minus {
  opacity: 1;
}
#body_faq .faq-container .faq-main-content .ui-accordion-header.ui-corner-top .icon-pretup.icon-plus {
  opacity: 0;
}
#body_faq .faq-container .faq-main-content .ui-accordion-header .text {
  display: table-cell;
  vertical-align: middle;
  padding-right: 50px;
}
#body_faq .faq-container .faq-main-content .ui-accordion-header .ui-accordion-header-icon {
  display: none;
}
#body_faq .faq-container .faq-main-content .ui-accordion-header .icon-pretup {
  position: absolute;
  right: 50px;
  top: 50px;
  font-size: 24px;
  opacity: 1;
  transition-duration: 0.2s;
}
#body_faq .faq-container .faq-main-content .ui-accordion-header .icon-pretup.icon-minus {
  opacity: 0;
}
@media (max-width: 767px) {
  #body_faq .faq-container .faq-main-content .ui-accordion-header .icon-pretup {
    right: 25px;
  }
}
#body_faq .faq-container .faq-main-content .ui-accordion-content {
  font-size: 16px;
  line-height: 1.63;
  text-align: left;
  color: #ffffff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #4566ba;
  border: none;
}
#body_faq .faq-container .faq-main-content .ui-accordion-content a {
  color: white;
  font-weight: bold;
}
#body_faq .faq-container .faq-main-content .liste_faq {
  padding: 0;
}
#body_faq .faq-container .faq-main-content .liste_faq > li {
  margin-top: 8px;
}
#body_faq .faq-container .faq-main-content .liste_faq > li:first-of-type {
  margin-top: 0;
}
#body_faq .faq-container.emprunteur .faq-main-content .ui-accordion-header.ui-corner-top, #body_faq .faq-container.emprunteur .faq-main-content .ui-accordion-content {
  background-color: #eaa70c;
}
#body_faq .faq-container.emprunteur .faq-sidebar ul li.active {
  color: #eaa70c;
  border-color: #eaa70c;
}
#body_faq .faq-container.emprunteur .faq-sidebar.sticky {
  position: fixed;
}

.inscription-wrapper .form-moral {
  display: none;
}

@font-face {
  font-family: "pretup";
  src: url("/websites/pretup-1/include/webfonts/pretup.eot?k0yvdg");
  src: url("/websites/pretup-1/include/webfonts/pretup.eot?k0yvdg#iefix") format("embedded-opentype"), url("/websites/pretup-1/include/webfonts/pretup.ttf?k0yvdg") format("truetype"), url("/websites/pretup-1/include/webfonts/pretup.woff?k0yvdg") format("woff"), url("/websites/pretup-1/include/webfonts/pretup.svg?k0yvdg#pretup") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-pretup {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "pretup" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-activity:before {
  content: "\e900";
}

.icon-airplay:before {
  content: "\e901";
}

.icon-alert-circle:before {
  content: "\e902";
}

.icon-alert-octagon:before {
  content: "\e903";
}

.icon-alert-triangle:before {
  content: "\e904";
}

.icon-align-center:before {
  content: "\e905";
}

.icon-align-justify:before {
  content: "\e906";
}

.icon-align-left:before {
  content: "\e907";
}

.icon-align-right:before {
  content: "\e908";
}

.icon-anchor:before {
  content: "\e909";
}

.icon-aperture:before {
  content: "\e90a";
}

.icon-archive:before {
  content: "\e90b";
}

.icon-arrow-down:before {
  content: "\e90c";
}

.icon-arrow-down-circle:before {
  content: "\e90d";
}

.icon-arrow-down-left:before {
  content: "\e90e";
}

.icon-arrow-down-right:before {
  content: "\e90f";
}

.icon-arrow-left:before {
  content: "\e910";
}

.icon-arrow-left-circle:before {
  content: "\e911";
}

.icon-arrow-right:before {
  content: "\e912";
}

.icon-arrow-right-circle:before {
  content: "\e913";
}

.icon-arrow-up:before {
  content: "\e914";
}

.icon-arrow-up-circle:before {
  content: "\e915";
}

.icon-arrow-up-left:before {
  content: "\e916";
}

.icon-arrow-up-right:before {
  content: "\e917";
}

.icon-at-sign:before {
  content: "\e918";
}

.icon-award:before {
  content: "\e919";
}

.icon-bar-chart:before {
  content: "\e91a";
}

.icon-bar-chart-2:before {
  content: "\e91b";
}

.icon-battery:before {
  content: "\e91c";
}

.icon-battery-charging:before {
  content: "\e91d";
}

.icon-bell:before {
  content: "\e91e";
}

.icon-bell-off:before {
  content: "\e91f";
}

.icon-bluetooth:before {
  content: "\e920";
}

.icon-bold:before {
  content: "\e921";
}

.icon-book:before {
  content: "\e922";
}

.icon-book-open:before {
  content: "\e923";
}

.icon-bookmark:before {
  content: "\e924";
}

.icon-box:before {
  content: "\e925";
}

.icon-briefcase:before {
  content: "\e926";
}

.icon-calendar:before {
  content: "\e927";
}

.icon-camera:before {
  content: "\e928";
}

.icon-camera-off:before {
  content: "\e929";
}

.icon-cast:before {
  content: "\e92a";
}

.icon-check:before {
  content: "\e92b";
}

.icon-check-circle:before {
  content: "\e92c";
}

.icon-check-square:before {
  content: "\e92d";
}

.icon-chevron-down:before {
  content: "\e92e";
}

.icon-chevron-left:before {
  content: "\e92f";
}

.icon-chevron-right:before {
  content: "\e930";
}

.icon-chevron-up:before {
  content: "\e931";
}

.icon-chevrons-down:before {
  content: "\e932";
}

.icon-chevrons-left:before {
  content: "\e933";
}

.icon-chevrons-right:before {
  content: "\e934";
}

.icon-chevrons-up:before {
  content: "\e935";
}

.icon-chrome:before {
  content: "\e936";
}

.icon-circle:before {
  content: "\e937";
}

.icon-clipboard:before {
  content: "\e938";
}

.icon-clock:before {
  content: "\e939";
}

.icon-cloud:before {
  content: "\e93a";
}

.icon-cloud-drizzle:before {
  content: "\e93b";
}

.icon-cloud-lightning:before {
  content: "\e93c";
}

.icon-cloud-off:before {
  content: "\e93d";
}

.icon-cloud-rain:before {
  content: "\e93e";
}

.icon-cloud-snow:before {
  content: "\e93f";
}

.icon-code:before {
  content: "\e940";
}

.icon-codepen:before {
  content: "\e941";
}

.icon-command:before {
  content: "\e942";
}

.icon-compass:before {
  content: "\e943";
}

.icon-copy:before {
  content: "\e944";
}

.icon-corner-down-left:before {
  content: "\e945";
}

.icon-corner-down-right:before {
  content: "\e946";
}

.icon-corner-left-down:before {
  content: "\e947";
}

.icon-corner-left-up:before {
  content: "\e948";
}

.icon-corner-right-down:before {
  content: "\e949";
}

.icon-corner-right-up:before {
  content: "\e94a";
}

.icon-corner-up-left:before {
  content: "\e94b";
}

.icon-corner-up-right:before {
  content: "\e94c";
}

.icon-cpu:before {
  content: "\e94d";
}

.icon-credit-card:before {
  content: "\e94e";
}

.icon-crop:before {
  content: "\e94f";
}

.icon-crosshair:before {
  content: "\e950";
}

.icon-database:before {
  content: "\e951";
}

.icon-delete:before {
  content: "\e952";
}

.icon-disc:before {
  content: "\e953";
}

.icon-dollar-sign:before {
  content: "\e954";
}

.icon-download:before {
  content: "\e955";
}

.icon-download-cloud:before {
  content: "\e956";
}

.icon-droplet:before {
  content: "\e957";
}

.icon-edit:before {
  content: "\e958";
}

.icon-edit-2:before {
  content: "\e959";
}

.icon-edit-3:before {
  content: "\e95a";
}

.icon-external-link:before {
  content: "\e95b";
}

.icon-eye:before {
  content: "\e95c";
}

.icon-eye-off:before {
  content: "\e95d";
}

.icon-facebook:before {
  content: "\e95e";
}

.icon-fast-forward:before {
  content: "\e95f";
}

.icon-feather:before {
  content: "\e960";
}

.icon-file:before {
  content: "\e961";
}

.icon-file-minus:before {
  content: "\e962";
}

.icon-file-plus:before {
  content: "\e963";
}

.icon-file-text:before {
  content: "\e964";
}

.icon-film:before {
  content: "\e965";
}

.icon-filter:before {
  content: "\e966";
}

.icon-flag:before {
  content: "\e967";
}

.icon-folder:before {
  content: "\e968";
}

.icon-folder-minus:before {
  content: "\e969";
}

.icon-folder-plus:before {
  content: "\e96a";
}

.icon-gift:before {
  content: "\e96b";
}

.icon-git-branch:before {
  content: "\e96c";
}

.icon-git-commit:before {
  content: "\e96d";
}

.icon-git-merge:before {
  content: "\e96e";
}

.icon-git-pull-request:before {
  content: "\e96f";
}

.icon-github:before {
  content: "\e970";
}

.icon-gitlab:before {
  content: "\e971";
}

.icon-globe:before {
  content: "\e972";
}

.icon-grid:before {
  content: "\e973";
}

.icon-hard-drive:before {
  content: "\e974";
}

.icon-hash:before {
  content: "\e975";
}

.icon-headphones:before {
  content: "\e976";
}

.icon-heart:before {
  content: "\e977";
}

.icon-help-circle:before {
  content: "\e978";
}

.icon-home:before {
  content: "\e979";
}

.icon-image:before {
  content: "\e97a";
}

.icon-inbox:before {
  content: "\e97b";
}

.icon-info:before {
  content: "\e97c";
}

.icon-instagram:before {
  content: "\e97d";
}

.icon-italic:before {
  content: "\e97e";
}

.icon-layers:before {
  content: "\e97f";
}

.icon-layout:before {
  content: "\e980";
}

.icon-life-buoy:before {
  content: "\e981";
}

.icon-link:before {
  content: "\e982";
}

.icon-link-2:before {
  content: "\e983";
}

.icon-linkedin:before {
  content: "\e984";
}

.icon-list:before {
  content: "\e985";
}

.icon-loader:before {
  content: "\e986";
}

.icon-lock:before {
  content: "\e987";
}

.icon-log-in:before {
  content: "\e988";
}

.icon-log-out:before {
  content: "\e989";
}

.icon-mail:before {
  content: "\e98a";
}

.icon-map:before {
  content: "\e98b";
}

.icon-map-pin:before {
  content: "\e98c";
}

.icon-maximize:before {
  content: "\e98d";
}

.icon-maximize-2:before {
  content: "\e98e";
}

.icon-menu:before {
  content: "\e98f";
}

.icon-message-circle:before {
  content: "\e990";
}

.icon-message-square:before {
  content: "\e991";
}

.icon-mic:before {
  content: "\e992";
}

.icon-mic-off:before {
  content: "\e993";
}

.icon-minimize:before {
  content: "\e994";
}

.icon-minimize-2:before {
  content: "\e995";
}

.icon-minus:before {
  content: "\e996";
}

.icon-minus-circle:before {
  content: "\e997";
}

.icon-minus-square:before {
  content: "\e998";
}

.icon-monitor:before {
  content: "\e999";
}

.icon-moon:before {
  content: "\e99a";
}

.icon-more-horizontal:before {
  content: "\e99b";
}

.icon-more-vertical:before {
  content: "\e99c";
}

.icon-move:before {
  content: "\e99d";
}

.icon-music:before {
  content: "\e99e";
}

.icon-navigation:before {
  content: "\e99f";
}

.icon-navigation-2:before {
  content: "\e9a0";
}

.icon-octagon:before {
  content: "\e9a1";
}

.icon-package:before {
  content: "\e9a2";
}

.icon-paperclip:before {
  content: "\e9a3";
}

.icon-pause:before {
  content: "\e9a4";
}

.icon-pause-circle:before {
  content: "\e9a5";
}

.icon-percent:before {
  content: "\e9a6";
}

.icon-phone:before {
  content: "\e9a7";
}

.icon-phone-call:before {
  content: "\e9a8";
}

.icon-phone-forwarded:before {
  content: "\e9a9";
}

.icon-phone-incoming:before {
  content: "\e9aa";
}

.icon-phone-missed:before {
  content: "\e9ab";
}

.icon-phone-off:before {
  content: "\e9ac";
}

.icon-phone-outgoing:before {
  content: "\e9ad";
}

.icon-pie-chart:before {
  content: "\e9ae";
}

.icon-play:before {
  content: "\e9af";
}

.icon-play-circle:before {
  content: "\e9b0";
}

.icon-plus:before {
  content: "\e9b1";
}

.icon-plus-circle:before {
  content: "\e9b2";
}

.icon-plus-square:before {
  content: "\e9b3";
}

.icon-pocket:before {
  content: "\e9b4";
}

.icon-power:before {
  content: "\e9b5";
}

.icon-printer:before {
  content: "\e9b6";
}

.icon-radio:before {
  content: "\e9b7";
}

.icon-refresh-ccw:before {
  content: "\e9b8";
}

.icon-refresh-cw:before {
  content: "\e9b9";
}

.icon-repeat:before {
  content: "\e9ba";
}

.icon-rewind:before {
  content: "\e9bb";
}

.icon-rotate-ccw:before {
  content: "\e9bc";
}

.icon-rotate-cw:before {
  content: "\e9bd";
}

.icon-rss:before {
  content: "\e9be";
}

.icon-save:before {
  content: "\e9bf";
}

.icon-scissors:before {
  content: "\e9c0";
}

.icon-search:before {
  content: "\e9c1";
}

.icon-send:before {
  content: "\e9c2";
}

.icon-server:before {
  content: "\e9c3";
}

.icon-settings:before {
  content: "\e9c4";
}

.icon-share:before {
  content: "\e9c5";
}

.icon-share-2:before {
  content: "\e9c6";
}

.icon-shield:before {
  content: "\e9c7";
}

.icon-shield-off:before {
  content: "\e9c8";
}

.icon-shopping-bag:before {
  content: "\e9c9";
}

.icon-shopping-cart:before {
  content: "\e9ca";
}

.icon-shuffle:before {
  content: "\e9cb";
}

.icon-sidebar:before {
  content: "\e9cc";
}

.icon-skip-back:before {
  content: "\e9cd";
}

.icon-skip-forward:before {
  content: "\e9ce";
}

.icon-slack:before {
  content: "\e9cf";
}

.icon-slash:before {
  content: "\e9d0";
}

.icon-sliders:before {
  content: "\e9d1";
}

.icon-smartphone:before {
  content: "\e9d2";
}

.icon-speaker:before {
  content: "\e9d3";
}

.icon-square:before {
  content: "\e9d4";
}

.icon-star:before {
  content: "\e9d5";
}

.icon-stop-circle:before {
  content: "\e9d6";
}

.icon-sun:before {
  content: "\e9d7";
}

.icon-sunrise:before {
  content: "\e9d8";
}

.icon-sunset:before {
  content: "\e9d9";
}

.icon-tablet:before {
  content: "\e9da";
}

.icon-tag:before {
  content: "\e9db";
}

.icon-target:before {
  content: "\e9dc";
}

.icon-terminal:before {
  content: "\e9dd";
}

.icon-thermometer:before {
  content: "\e9de";
}

.icon-thumbs-down:before {
  content: "\e9df";
}

.icon-thumbs-up:before {
  content: "\e9e0";
}

.icon-toggle-left:before {
  content: "\e9e1";
}

.icon-toggle-right:before {
  content: "\e9e2";
}

.icon-trash:before {
  content: "\e9e3";
}

.icon-trash-2:before {
  content: "\e9e4";
}

.icon-trending-down:before {
  content: "\e9e5";
}

.icon-trending-up:before {
  content: "\e9e6";
}

.icon-triangle:before {
  content: "\e9e7";
}

.icon-truck:before {
  content: "\e9e8";
}

.icon-tv:before {
  content: "\e9e9";
}

.icon-twitter:before {
  content: "\e9ea";
}

.icon-type:before {
  content: "\e9eb";
}

.icon-umbrella:before {
  content: "\e9ec";
}

.icon-underline:before {
  content: "\e9ed";
}

.icon-unlock:before {
  content: "\e9ee";
}

.icon-upload:before {
  content: "\e9ef";
}

.icon-upload-cloud:before {
  content: "\e9f0";
}

.icon-user:before {
  content: "\e9f1";
}

.icon-user-check:before {
  content: "\e9f2";
}

.icon-user-minus:before {
  content: "\e9f3";
}

.icon-user-plus:before {
  content: "\e9f4";
}

.icon-user-x:before {
  content: "\e9f5";
}

.icon-users:before {
  content: "\e9f6";
}

.icon-video:before {
  content: "\e9f7";
}

.icon-video-off:before {
  content: "\e9f8";
}

.icon-voicemail:before {
  content: "\e9f9";
}

.icon-volume:before {
  content: "\e9fa";
}

.icon-volume-1:before {
  content: "\e9fb";
}

.icon-volume-2:before {
  content: "\e9fc";
}

.icon-volume-x:before {
  content: "\e9fd";
}

.icon-watch:before {
  content: "\e9fe";
}

.icon-wifi:before {
  content: "\e9ff";
}

.icon-wifi-off:before {
  content: "\ea00";
}

.icon-wind:before {
  content: "\ea01";
}

.icon-x:before {
  content: "\ea02";
}

.icon-x-circle:before {
  content: "\ea03";
}

.icon-x-square:before {
  content: "\ea04";
}

.icon-youtube:before {
  content: "\ea05";
}

.icon-zap:before {
  content: "\ea06";
}

.icon-zap-off:before {
  content: "\ea07";
}

.icon-zoom-in:before {
  content: "\ea08";
}

.icon-zoom-out:before {
  content: "\ea09";
}

.icon-icon-arrow-left:before {
  content: "\ea0a";
}

.icon-icon-arrow-right:before {
  content: "\ea0b";
}

.icon-icon-download:before {
  content: "\ea0c";
}

.icon-icon-dropdown:before {
  content: "\ea0d";
}

.icon-icon-dropup:before {
  content: "\ea0e";
}

.icon-icon-error:before {
  content: "\ea0f";
}

.icon-icon-info:before {
  content: "\ea10";
}

.icon-icon-lock:before {
  content: "\ea11";
}

.icon-icon-mail:before {
  content: "\ea12";
}

.icon-icon-menuhamb:before {
  content: "\ea13";
}

.icon-icon-moins:before {
  content: "\ea14";
}

.icon-icon-plus:before {
  content: "\ea15";
}

.icon-icon-puce:before {
  content: "\ea16";
}

.icon-icon-question:before {
  content: "\ea17";
}

.icon-icon-star:before {
  content: "\ea18";
}

/* XS
---------------------------------*/
@media (max-width: 767px) {
  #popupnewcgu {
    height: 90vh;
    overflow: auto;
  }
  .divannonncesmobile {
    position: absolute;
    margin: 0;
    right: 70px;
    top: 45px;
    float: none;
  }
  .bo .divannonncesmobile {
    right: 40px;
  }
  .header_ban {
    height: 115px;
  }
  #body_index .header_ban {
    height: auto;
  }
  #body_boost #container_page_boost .center-xs {
    margin: 0 auto;
  }
  #body_boost #container_page_boost .vcenter {
    display: block;
  }
  #body_boost #container_page_boost .numerotation {
    text-align: center;
  }
  #body_boost #container_page_boost .numerotation ul {
    text-align: left;
  }
  #body_boost #container_page_boost .numerotation .order-text-img {
    display: flex;
    flex-direction: column;
  }
  #body_boost #container_page_boost .numerotation .order-text-img .order-img {
    order: 0;
  }
  #body_boost #container_page_boost .numerotation .order-text-img .order-img .img-responsive {
    margin: 0 auto;
  }
  #body_boost #container_page_boost .numerotation .order-text-img .order-text {
    order: 1;
  }
  #body_boost #container_page_boost .offres_boost img.img-responsive {
    margin: 15px auto;
  }
  #body_boost #container_page_boost #homme_femme_fusee .changeOrder {
    flex-direction: column;
  }
  #body_boost #container_page_boost #homme_femme_fusee .changeOrder .order-img {
    order: 1;
  }
  #body_boost #container_page_boost #homme_femme_fusee .changeOrder .order-img img {
    margin: 0 -15px -92px -15px;
  }
  #body_boost #container_page_boost #homme_femme_fusee .changeOrder .order-img a {
    margin-bottom: 40px;
  }
  #body_boost #container_page_boost #homme_femme_fusee .changeOrder .order-content {
    order: 0;
  }
  #body_boost #container_page_boost .container .row .boost-screen {
    overflow: hidden;
  }
  #body_boost #container_page_boost .container .row .boost-screen .img-responsive {
    margin: 20px 0 0;
    max-width: 150%;
  }
  #onesignal-bell-launcher {
    bottom: 60px !important;
  }
  .dropdown-menu {
    float: none;
    position: static;
  }
  #soustitrepage, #soustitrepage p {
    margin-bottom: 0;
  }
  #connexionpageaccueil {
    margin-top: 75px;
  }
  #cacheprojet .nouveaupretup {
    margin-top: 20px;
  }
  .navbar-collapse {
    max-height: 100%;
  }
  #presse_parle_de_nous a {
    margin: 5px 20px;
    /* display:inline-block;*/
  }
  #presse_parle_de_nous a, #presse_parle_de_nous a img {
    height: 60px;
  }
  #presse_parle_de_nous a.logo_paysage, #presse_parle_de_nous a.logo_paysage img {
    height: 40px;
  }
  .marge-in-form-group {
    margin-bottom: 15px;
  }
  #scrollUp {
    display: none !important;
  }
  .survol_titre {
    padding-top: 100px;
    padding-bottom: 30px;
  }
  .header_social {
    position: absolute;
    left: 10px;
    top: 3px;
  }
  #surfooter #service-client {
    background-position: left top;
    position: relative;
    left: 0;
    margin-bottom: 10px;
  }
  #surfooter #service-client span.numero {
    left: 160px;
    top: 5px;
    right: auto;
  }
  #surfooter #service-client .dulundiauvendredi {
    text-align: left;
    padding-left: 5px;
  }
  .footer {
    /*height: 580px;*/
  }
  .footer_link {
    display: block;
    margin: 0px;
    padding: 0px;
  }
  .footer_link > li {
    display: block;
  }
  .footer_link > li > a {
    font-size: 16px;
    margin: 0px 5px 0px 0px;
  }
  .tdnomfichier {
    width: 40%;
    word-break: break-all;
  }
  .nowrap {
    white-space: normal;
  }
  .input-group-addon {
    padding: 6px 4px;
  }
  .bloc_financement {
    margin-bottom: 20px;
  }
  #simu_emprunt {
    width: 250px;
  }
  #recapEmprunt, #popupsimul p {
    font-size: 15px;
  }
  #popupsimul .h1 {
    font-size: 26px;
  }
  .bouton_connexion {
    display: block;
    width: 260px;
  }
  #suivi_twitter iframe {
    height: 300px;
  }
  .projet_avancement span {
    font-size: 25px;
  }
  .jp-audio, .jp-audio .jp-controls {
    width: 100%;
  }
  .jp-audio .jp-volume-controls {
    display: none;
  }
  .contregpreteur {
    background-size: auto 100%;
  }
  #accorche_assurence p {
    font-size: 18px;
  }
  #body_tutos_liste .un_tuto img {
    max-height: 100%;
  }
  #body_tutos_liste .besoin-aide a {
    margin: 10px 15px;
  }
  #body_tutos_liste .videotuto iframe {
    height: 300px;
  }
  #body_tutos_liste .texte_tuto {
    width: 100%;
    text-align: left;
  }
  #body_tutos_liste .bt_tuto_suivant {
    width: 100% !important;
    position: relative;
    height: 100px;
  }
  .navbar .navbar-nav > li.active, .navbar .navbar-collapse.collapse.in .dropdown-menu li.active, .navbar .navbar-collapse.collapsing .dropdown-menu li.active {
    background-color: #f3f5fa;
  }
  .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    color: #3858a3;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    background-color: transparent;
  }
  .navbar .navbar-collapse.collapse.in .dropdown-menu li, .navbar .navbar-collapse.collapsing .dropdown-menu li {
    padding: 0;
  }
  .navbar .navbar-collapse.collapse.in .dropdown-menu, .navbar .navbar-collapse.collapsing .dropdown-menu {
    margin-top: 5px;
  }
  .navbar #div-connexion .menu_preteur {
    display: none;
  }
  #bt_deco_mobile {
    padding-left: 44px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 15px 15px;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100vh;
    box-shadow: 0 12px 24px 0 rgba(23, 20, 18, 0.1);
  }
}
/* SM
---------------------------------*/
@media (min-width: 768px) {
  .contregpreteur {
    background-size: auto 100%;
  }
  .card.termine .card-body .card-body-header .projet_resume {
    height: 48px;
  }
  .card.termine .card-body .card-body-header .infos-projet .projet-termine {
    font-size: 11px;
  }
  .card.termine .card-body .card-body-header .infos-complementaires-projet {
    display: none;
  }
  .header_ban {
    height: 450px;
  }
  #body_index .header_ban {
    height: auto;
  }
  .header_blocs p {
    min-height: 90px;
  }
  #presse_parle_de_nous a {
    margin: 5px 15px;
  }
  #presse_parle_de_nous a, #presse_parle_de_nous a img {
    height: 50px;
  }
  #presse_parle_de_nous a.logo_paysage, #presse_parle_de_nous a.logo_paysage img {
    height: 30px;
  }
  .navbar-brand {
    top: 18px;
    left: 15px;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .survol_titre {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .nav {
    margin-left: 35px;
  }
  .header_blocs {
    margin-top: 0px;
  }
  .header_blocs p {
    min-height: 70px;
  }
  .header_ban.small {
    height: 210px;
  }
  /*.header_txt .h1, .header_txt h1 {
      font-size:35px;
      margin-bottom:15px;
  }
  .header_txt p {
      font-weight:normal;
      font-size:14px;
      line-height: 23px;
  }
  .header_txt .big {
      font-size:25px;
  }*/
  a.socicon {
    /*
    height:25px;
    line-height:22px !important;
    width:25px;
    font-size:18px;
    margin-top:5px;
    */
  }
  body {
    /* Margin bottom by footer height */
    /*margin-bottom: 320px;*/
  }
  .footer {
    /*height: 350px;*/
  }
  .footer_link {
    display: block;
    padding: 20px 0px 0px 0px;
  }
  .footer_link > li {
    display: inline-block;
  }
  .footer_link > li > a {
    font-size: 16px;
    margin: 0px 5px 0px 0px;
  }
  .nowrap {
    white-space: nowrap;
  }
  #simu_emprunt {
    width: 350px;
  }
  #suivi_twitter iframe {
    height: 400px;
  }
  .projet_avancement span {
    font-size: 25px;
  }
  #header_inscription .h1, #header_inscription_emprunteur .h1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .small #header_inscription {
    margin-top: 22px;
  }
  #header_inscription {
    margin-top: 100px;
  }
  #header_inscription_emprunteur {
    margin-top: 100px;
  }
  #body_tutos_liste .un_tuto {
    min-height: 355px;
  }
  #body_tutos_liste .videotuto iframe {
    height: 405px;
  }
  .bt_tuto_suivant h3, .bt_tuto_suivant p {
    display: none;
  }
  #connexionpageaccueil {
    top: 60px;
  }
  .projet_a_venir h4 {
    bottom: 125px;
    font-size: 21px;
  }
}
/* MD
---------------------------------*/
@media (min-width: 992px) {
  .card.termine .card-body .card-body-header .projet_resume {
    height: 48px;
  }
  .card.termine .card-body .card-body-header .infos-projet .projet-termine {
    font-size: 15px;
  }
  .card.termine .card-body .card-body-header .infos-complementaires-projet {
    display: block;
  }
  #presse_parle_de_nous a {
    margin: 5px 20px;
  }
  #presse_parle_de_nous a, #presse_parle_de_nous a img {
    height: 60px;
  }
  #presse_parle_de_nous a.logo_paysage, #presse_parle_de_nous a.logo_paysage img {
    height: 50px;
  }
  .projet_avancement span {
    font-size: 40px;
  }
  .survol_titre {
    padding-top: 70px;
    padding-bottom: 30px;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header_blocs {
    margin-top: 0px;
  }
  .header_blocs p {
    min-height: 80px;
  }
  .header_ban {
    height: 450px;
  }
  #body_boost .header_ban {
    height: 500px;
  }
  #body_index .header_ban {
    height: auto;
  }
  .header_ban.small {
    height: 250px;
  }
  .nav {
    margin-left: 46px;
  }
  .footer_link {
    display: inline;
    padding: 0px 0px 0px 0px;
  }
  .footer_link > li {
    display: inline-block;
  }
  .footer_link > li > a {
    font-size: 18px;
    margin: 0px 10px 0px 0px;
  }
  #suivi_twitter iframe {
    height: 500px;
  }
  .uneex .col-xs-10 {
    padding-left: 25px;
  }
  #header_inscription .h1, #header_inscription_emprunteur .h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .small #header_inscription {
    margin-top: 30px;
  }
  #header_inscription {
    margin-top: 100px;
  }
  #header_inscription_emprunteur {
    margin-top: 100px;
  }
  #body_tutos_liste .un_tuto {
    min-height: 340px;
  }
  #body_tutos_liste .videotuto iframe {
    height: 529px;
  }
  #connexionpageaccueil {
    top: 100px;
  }
  .projet_a_venir {
    height: 420px;
  }
  .projet_a_venir h4 {
    bottom: 110px;
    font-size: 30px;
  }
}
/* LG
---------------------------------*/
@media (min-width: 1200px) {
  .contregpreteur {
    background-size: 100% auto;
  }
  .header_blocs p {
    min-height: 50px;
  }
  .survol_titre {
    padding-top: 100px;
    padding-bottom: 30px;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .header_blocs {
    margin-top: 50px;
  }
  .header_ban {
    height: 450px;
  }
  #body_index .header_ban {
    min-height: 100vh;
  }
  #body_boost .header_ban {
    height: 500px;
  }
  .header_ban.small {
    height: 310px;
  }
  /*.header_txt .h1 {
      font-size:50px;
      margin-bottom:15px;
  }
  .header_txt p {
      font-size:20px;
      line-height: 30px;
  }
  .header_txt .big {
      font-size:30px;
  }*/
  #suivi_twitter iframe {
    height: 550px;
  }
  .uneex .col-xs-10 {
    padding-left: 15px;
  }
  .small #header_inscription {
    margin-top: 50px;
  }
  #header_inscription {
    margin-top: 130px;
  }
  #header_inscription_emprunteur {
    margin-top: 130px;
  }
  .no-padding-right-lg {
    padding-right: 0 !important;
  }
  .no-padding-left-lg {
    padding-left: 0 !important;
  }
  #body_tutos_liste .videotuto iframe {
    height: 642px;
  }
  .footer_social a.socicon {
    margin-right: 20px;
  }
}
@media (min-height: 0px) and (max-height: 940px) {
  #body_index .header_ban {
    height: auto;
  }
}
/******* PAGE LOGIN *******/
.contlogin {
  /*background-image:url("/websites/pretup-1/images/fond-login.png");
  background-position:top center;
  color:#FFFFFF;*/
  padding-top: 160px;
}
.contlogin label {
  font-weight: 300;
}

.nouveau-sur-pretup-content .title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  color: #4a4a4a;
}
.nouveau-sur-pretup-content .subtitle {
  font-size: 16px;
  line-height: 1.5;
  color: #777777;
}
.nouveau-sur-pretup-content .checkbox-wrapper {
  margin-top: 10px;
}
.nouveau-sur-pretup-content .checkbox-wrapper label {
  color: #777777;
}

.contregpreteur, .contregemprunteur {
  background-color: #f3f5fa;
}
.contregpreteur #surfooter, .contregemprunteur #surfooter {
  display: none;
}
.contregpreteur .inscription-wrapper, .contregemprunteur .inscription-wrapper {
  position: relative;
  overflow: hidden;
}
.contregpreteur .logo-container, .contregemprunteur .logo-container {
  margin-top: 50px;
}
.contregpreteur .background, .contregemprunteur .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.contregpreteur .background .row, .contregpreteur .background .left, .contregpreteur .background .right, .contregemprunteur .background .row, .contregemprunteur .background .left, .contregemprunteur .background .right {
  height: 100%;
}
.contregpreteur .background .left, .contregemprunteur .background .left {
  background: url("/websites/pretup-1/images/bg-inscription-emprunteur.jpg") no-repeat;
  background-size: cover;
}
.contregpreteur .main-container, .contregemprunteur .main-container {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .contregpreteur .main-container, .contregemprunteur .main-container {
    padding-top: 0;
  }
  .contregpreteur .main-container #contformreg, .contregemprunteur .main-container #contformreg {
    margin-top: 150px;
  }
}
.contregpreteur .main-container .person-hi-wrapper, .contregemprunteur .main-container .person-hi-wrapper {
  position: absolute;
  top: -96px;
  right: 0;
  z-index: 1;
}
.contregpreteur .main-container .person-hi-wrapper .person-hi-image, .contregemprunteur .main-container .person-hi-wrapper .person-hi-image {
  width: 77px;
  position: absolute;
  top: 0;
  right: 0;
}
.contregpreteur .main-container .person-hi-wrapper .person-img-bulle, .contregemprunteur .main-container .person-hi-wrapper .person-img-bulle {
  position: relative;
  left: 20px;
}
.contregpreteur .main-container .person-hi-wrapper .person-hi-text, .contregemprunteur .main-container .person-hi-wrapper .person-hi-text {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #4a4a4a;
  padding-right: 100px;
  width: 400px;
  max-width: 100%;
  position: relative;
  top: -30px;
}
@media (max-width: 991px) {
  .contregpreteur .main-container .person-hi-wrapper .person-hi-text, .contregemprunteur .main-container .person-hi-wrapper .person-hi-text {
    color: white;
    width: 320px;
    top: -50px;
  }
}
.contregpreteur .main-container #forminscrexplications, .contregemprunteur .main-container #forminscrexplications {
  transition-duration: 0.4s;
}
.contregpreteur .main-container #forminscrexplications .uneex, .contregemprunteur .main-container #forminscrexplications .uneex {
  display: table;
  margin-bottom: 30px;
}
.contregpreteur .main-container #forminscrexplications .uneex p, .contregemprunteur .main-container #forminscrexplications .uneex p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  display: table-cell;
  vertical-align: middle;
}
.contregpreteur .main-container #forminscrexplications .uneex img, .contregemprunteur .main-container #forminscrexplications .uneex img {
  float: left;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .contregpreteur .main-container #forminscrexplications, .contregemprunteur .main-container #forminscrexplications {
    margin-top: 30px;
  }
}
.contregpreteur .main-container .forminscription-wrapper, .contregemprunteur .main-container .forminscription-wrapper {
  position: relative;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 22px 30px 0 rgba(40, 40, 40, 0.05);
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 2;
}
.contregpreteur .main-container .forminscription-wrapper .forminscription-head, .contregemprunteur .main-container .forminscription-wrapper .forminscription-head {
  width: 100%;
  height: 10px;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription, .contregemprunteur .main-container .forminscription-wrapper #forminscription {
  padding: 35px 60px;
}
@media (max-width: 767px) {
  .contregpreteur .main-container .forminscription-wrapper #forminscription, .contregemprunteur .main-container .forminscription-wrapper #forminscription {
    padding: 25px 20px;
  }
}
.contregpreteur .main-container .forminscription-wrapper #forminscription h2, .contregemprunteur .main-container .forminscription-wrapper #forminscription h2 {
  font-size: 30px;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #282828;
  margin-top: 0;
  padding-top: 0;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .form-group label, .contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group label {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  font-weight: normal;
  color: #4a4a4a;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .form-group .form-control, .contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .form-control {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #cacaca;
  color: #4a4a4a;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .form-group .help-block, .contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .help-block {
  font-size: 12px;
  line-height: 1.5;
  color: #3858a3;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .bloc_btn, .contregemprunteur .main-container .forminscription-wrapper #forminscription .bloc_btn {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .contregpreteur .main-container .forminscription-wrapper #forminscription .btn-radio-value, .contregemprunteur .main-container .forminscription-wrapper #forminscription .btn-radio-value {
    width: 50%;
    margin: 0;
    float: left;
  }
}
.contregpreteur .main-container .forminscription-wrapper .montanteuro-wrapper, .contregemprunteur .main-container .forminscription-wrapper .montanteuro-wrapper {
  position: relative;
}
.contregpreteur .main-container .forminscription-wrapper .montanteuro-wrapper:after, .contregemprunteur .main-container .forminscription-wrapper .montanteuro-wrapper:after {
  content: "€";
  position: absolute;
  right: 20px;
  top: 6px;
  bottom: 0;
  font-size: 20px;
  font-family: "myriad";
  width: 20px;
}
.contregpreteur .main-container .forminscription-wrapper .montanteuro-wrapper .montanteuro, .contregemprunteur .main-container .forminscription-wrapper .montanteuro-wrapper .montanteuro {
  background: #fff;
}

.contregpreteur .background .left {
  background: url("/websites/pretup-1/images/bg_inscription.jpg") no-repeat;
}
.contregpreteur .main-container .forminscription-wrapper .forminscription-head {
  background-image: linear-gradient(to right, #2e498c, #466ed4);
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .form-group label[for=valid_cgu], .contregpreteur .main-container .forminscription-wrapper #forminscription .form-group label[for=valid_smoney] {
  font-size: 12px;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .form-group .help-block {
  color: #3858a3;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .form-group .form-control:focus {
  box-shadow: none;
  border-color: #3858a3;
}
.contregpreteur .main-container .forminscription-wrapper #forminscription #boutonvalideinscr {
  height: 64px;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 767px) {
  .contregpreteur .main-container .forminscription-wrapper #forminscription #boutonvalideinscr {
    font-size: 15px;
  }
}
.contregpreteur .main-container .forminscription-wrapper #forminscription .btn-afficher-codes {
  width: 349px;
  max-width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  color: #a7b1c9;
  border-radius: 2px;
  background-color: #f3f5fa;
  border: none;
  display: block;
  margin: 15px auto 0 auto;
}
@media (max-width: 767px) {
  .contregpreteur .main-container .forminscription-wrapper #forminscription .btn-afficher-codes {
    font-size: 14px;
  }
}

.contregemprunteur .left {
  background: url("/websites/pretup-1/images/bg-inscription-emprunteur.png") no-repeat;
  min-height: 1550px;
}
@media (max-width: 767px) {
  .contregemprunteur .left {
    min-height: 1850px;
  }
}
.contregemprunteur .main-container .forminscription-head {
  background-image: linear-gradient(to right, #e49008, #f0c122);
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .pretup-label {
  font-size: 12px;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .form-control {
  font-size: 16px;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .form-control:focus {
  border-color: #f0c122;
  box-shadow: none;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .montant-wrapper {
  position: relative;
  width: 160px;
  height: 50px;
  margin: 15px auto;
}
@media (max-width: 767px) {
  .contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .montant-wrapper {
    margin-top: 40px;
  }
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .montant-wrapper #montant {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 30px;
  text-align: center;
  color: #282828;
  background: #f6f6f6;
  border: none;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .form-group .montant-wrapper .euro {
  position: absolute;
  right: 8px;
  top: 0;
  font-size: 30px;
  color: #282828;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .ui-accordion-header-icon {
  display: none;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .step-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #282828;
  border: none;
  border-bottom: solid 1px #cacaca;
  padding-bottom: 15px;
  padding-left: 0;
  opacity: 0.5;
  transition-duration: 0.4s;
  background: none;
  margin: 15px 0 20px 15px;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .step-title.ui-accordion-header {
  cursor: pointer;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .step-title .number {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.13;
  color: #eaa70c;
  border: 2px solid #eaa70c;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .step-title .title-montant-recherche {
  opacity: 1;
  transition-duration: 0.4s;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  float: right;
  color: #282828;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .step-title.ui-accordion-header-active {
  opacity: 1;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .step-title.ui-accordion-header-active .title-montant-recherche {
  opacity: 0;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .bouton-gradient {
  height: 64px;
  transition-duration: 0.5s;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding: 15px;
  border-radius: 4px;
  display: block;
  border: none;
  background-image: linear-gradient(to right, #eaa70c 0%, #eaa70c 50%, #ead71c 100%);
  float: right;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription p {
  font-size: 16px;
}
.contregemprunteur .main-container .forminscription-wrapper #forminscription .info-upload {
  display: none;
}
.contregemprunteur .main-container .btn-radio-value.selected {
  border: 2px solid #f0c122;
  color: #f0c122;
}
.contregemprunteur .main-container textarea {
  border: solid 1px #cacaca !important;
}
.contregemprunteur .main-container .noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  background-color: #eaa70c;
  box-shadow: none;
  border-radius: 50%;
  top: -9px;
}
.contregemprunteur .main-container .noUi-horizontal .noUi-handle:after, .contregemprunteur .main-container .noUi-horizontal .noUi-handle:before {
  content: none;
}
.contregemprunteur .main-container .noUi-target {
  border: none;
  box-shadow: none;
  height: 5px;
  border-radius: 2.5px;
  background: #f6f6f6;
}
.contregemprunteur .main-container .noUi-connect {
  background-image: linear-gradient(to right, #e49008, #f0c122);
}
.contregemprunteur .main-container .montant-slider-wrapper {
  position: relative;
  margin-bottom: 45px;
}
.contregemprunteur .main-container .montant-slider-wrapper .montant-min, .contregemprunteur .main-container .montant-slider-wrapper .montant-max {
  position: absolute;
  top: 15px;
  font-size: 12px;
  color: #777777;
}
.contregemprunteur .main-container .montant-slider-wrapper .montant-min {
  left: 0;
}
.contregemprunteur .main-container .montant-slider-wrapper .montant-max {
  right: 0;
}
.contregemprunteur .main-container .ui-accordion .ui-accordion-content {
  padding: 15px;
}
.contregemprunteur .main-container .btn-radio-value {
  font-size: 16px;
  text-align: center;
  color: #4a4a4a;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #cacaca;
}
.contregemprunteur .main-container .fileinput-button {
  cursor: pointer;
}
.contregemprunteur .main-container .fileinput-button span.btnupload {
  border-radius: 22.5px;
  background-color: #ffffff;
  border: solid 2px #eaa70c;
  color: #eaa70c;
  transition-duration: 0.4s;
}
.contregemprunteur .main-container .fileinput-button:hover span.btnupload {
  background-color: #eaa70c;
  color: white;
}

.rgpd {
  padding-top: 30px;
}
.rgpd.text p {
  font-size: 10px;
  color: #777777;
}

/***** REFONTE ****/
#surfooter {
  margin-top: 0;
}

.new-btn-plein:hover {
  border: 2px solid #3758a5;
}

.navbar-white a:hover, .navbar-white a:focus {
  color: #3758a5 !important;
}

.bo {
  background: #f3f5fa;
}

#menu_tab {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
@media (max-height: 500px) {
  #menu_tab {
    position: absolute;
  }
}
@media (max-width: 767px) {
  #menu_tab {
    position: relative;
    height: auto;
  }
}
#menu_tab .icon-pretup {
  display: none;
}
@media (min-width: 1200px) {
  #menu_tab {
    width: 210px;
  }
}
#menu_tab a .text {
  font-size: 16px;
}

#menu_tab_mobile {
  margin-bottom: 20px;
}
#menu_tab_mobile a.only_one {
  width: 100%;
}
#menu_tab_mobile h2 {
  border-color: white;
  position: relative;
}
#menu_tab_mobile h2 .ui-accordion-header-icon {
  display: none;
}
#menu_tab_mobile h2 .icon-pretup {
  position: absolute;
  right: 8px;
  top: 26px;
  font-size: 24px;
  opacity: 1;
  transition-duration: 0.2s;
}
#menu_tab_mobile h2 .icon-pretup.icon-minus {
  opacity: 0;
}
#menu_tab_mobile h2.ui-corner-top .icon-pretup.icon-minus {
  opacity: 1;
}
#menu_tab_mobile h2.ui-corner-top .icon-pretup.icon-plus {
  opacity: 0;
}
#menu_tab_mobile .links {
  padding: 0;
  border: none;
  overflow: hidden;
  background: none;
}
#menu_tab_mobile .ui-accordion-content {
  padding: 0;
  background-color: #4a4a4a;
}

#menu_tab, #menu_tab_mobile {
  background-color: #4a4a4a;
  text-align: center;
  padding: 0;
  z-index: 2;
}
#menu_tab h2, #menu_tab_mobile h2 {
  color: #fff;
  font-size: 18px;
  margin: 0;
  background: #323131;
  padding: 30px 0 30px 17px;
  text-align: left;
}
#menu_tab img, #menu_tab .rang_preteur, #menu_tab_mobile img, #menu_tab_mobile .rang_preteur {
  width: 24px;
  height: 24px;
  float: left;
  position: relative;
  top: 14px;
}
#menu_tab img .etoile1, #menu_tab img .etoile2, #menu_tab img .etoile3, #menu_tab img .etoile4, #menu_tab .rang_preteur .etoile1, #menu_tab .rang_preteur .etoile2, #menu_tab .rang_preteur .etoile3, #menu_tab .rang_preteur .etoile4, #menu_tab_mobile img .etoile1, #menu_tab_mobile img .etoile2, #menu_tab_mobile img .etoile3, #menu_tab_mobile img .etoile4, #menu_tab_mobile .rang_preteur .etoile1, #menu_tab_mobile .rang_preteur .etoile2, #menu_tab_mobile .rang_preteur .etoile3, #menu_tab_mobile .rang_preteur .etoile4 {
  display: none;
}
#menu_tab a, #menu_tab_mobile a {
  color: #fff;
  font-size: 13px;
  padding: 0 0 0 17px;
  height: 56px;
  display: table;
  width: 100%;
}
#menu_tab a .text, #menu_tab_mobile a .text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  width: 100%;
  text-align: left;
}
#menu_tab a.on, #menu_tab_mobile a.on {
  background-color: #323131;
}
#menu_tab a:hover, #menu_tab_mobile a:hover {
  background-color: rgba(50, 49, 49, 0.5607843137);
}
#menu_tab a.button-financer-projet, #menu_tab_mobile a.button-financer-projet {
  padding: 0 16px;
}
#menu_tab a.button-financer-projet:hover, #menu_tab_mobile a.button-financer-projet:hover {
  background: none;
}
#menu_tab a.button-financer-projet button, #menu_tab_mobile a.button-financer-projet button {
  border-radius: 5px;
  font-size: 13px;
  margin: 25px 0;
  position: relative;
  width: 100%;
  padding-left: 35px;
  color: white;
  border: none;
}
#menu_tab a.button-financer-projet button img, #menu_tab_mobile a.button-financer-projet button img {
  position: absolute;
  top: 7px;
  float: none;
  left: 10px;
}
#menu_tab .rang_preteur, #menu_tab_mobile .rang_preteur {
  margin: auto;
  margin-bottom: 3px;
  line-height: 25px;
  font-size: 19px;
}

@media (min-width: 1200px) {
  #page_index .lignemoncompte > .decaledroite {
    padding-right: 35px;
  }
}

body.mon_compte {
  padding-top: 0;
  color: #4a4a4a;
}
@media (min-width: 768px) {
  body.mon_compte .navbar-header img {
    width: 105px;
  }
}
@media (min-width: 992px) {
  body.mon_compte .navbar-header img {
    width: 100%;
  }
}
body.mon_compte h1 {
  font-size: 30px;
  line-height: 1.47;
  color: #282828;
  border-bottom: solid 2px #d3e0ff;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
body.mon_compte h3 {
  padding: 20px 0;
  border: 0 none;
  margin: 0;
}
body.mon_compte .civilite {
  text-align: left;
}
body.mon_compte .projet_avancement {
  padding: 0;
}
body.mon_compte .tooltipemailwrapper {
  position: relative;
}
body.mon_compte .tooltipemailwrapper .tooltipemail {
  text-align: center;
  border-radius: 1px;
  padding: 16px 8px;
  background: #f3f5fa;
  position: absolute;
  z-index: 100;
  visibility: hidden;
}
body.mon_compte .tooltipemailwrapper:hover .tooltipemail {
  transition-delay: 0.25s;
  visibility: visible;
}
body.mon_compte .bo h2 {
  font-size: 24px;
  color: #4a4a4a;
  font-family: "MyriadProSemibold";
}
body.mon_compte .bo #bloccentral > h1 {
  padding-top: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
body.mon_compte .bo .navbar-white .icon-bell {
  color: #3858a3;
  padding: 9px;
}
body.mon_compte .bo .navbar-white .circle .icon-bell {
  color: #f3f5fa;
  background-color: #3858a3;
  border-radius: 48px;
  padding: 9px;
}
body.mon_compte .row.relatif {
  min-height: 650px;
}
body.mon_compte input[type=text], body.mon_compte input[type=number], body.mon_compte input[type=date], body.mon_compte input[type=email], body.mon_compte input[type=tel], body.mon_compte input[type=password], body.mon_compte select.form-control, body.mon_compte textarea.form-control, body.mon_compte .chosen-container-single .chosen-single {
  border: 1px solid #8ca0b3 !important;
}
body.mon_compte .has-error input[type=text], body.mon_compte .has-error input[type=number], body.mon_compte .has-error input[type=date], body.mon_compte .has-error input[type=email], body.mon_compte .has-error input[type=tel], body.mon_compte .has-error input[type=password], body.mon_compte .has-error select.form-control, body.mon_compte .has-error textarea.form-control, body.mon_compte .has-error .chosen-container-single .chosen-single {
  border-color: #a94442 !important;
  color: #a94442;
}
body.mon_compte .navbar-fixed-top {
  position: relative;
  padding: 0 50px;
}
body.mon_compte .navbar-fixed-top #div-connexion {
  right: 50px;
}
body.mon_compte .footer {
  margin-top: 0;
}
body.mon_compte .footer #formfooternewsletter label {
  margin-top: 5px;
  margin-bottom: 0;
}
@media (min-width: 766px) {
  body.mon_compte .footer #formfooternewsletter label {
    text-align: left;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  body.mon_compte .footer #formfooternewsletter label {
    text-align: center;
  }
}
@media (max-width: 767px) {
  body.mon_compte .footer #formfooternewsletter {
    margin: 15px 0;
  }
  body.mon_compte .footer #formfooternewsletter .row {
    margin: auto;
  }
  body.mon_compte .footer #formfooternewsletter .btn {
    width: 100%;
    padding: 8px 0;
  }
}
@media (max-width: 767px) {
  body.mon_compte .footer .footer_social {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  body.mon_compte .lignemoncompte {
    margin-left: -25px;
    margin-right: -25px;
  }
}
@media (min-width: 1200px) {
  body.mon_compte .lignemoncompte > h2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 1200px) {
  body.mon_compte #bloccentral {
    padding-left: 50px;
    padding-right: 50px;
  }
}
body.mon_compte .tooltip p {
  color: white;
  font-size: 14px;
}
body.mon_compte .tooltip p:last-of-type {
  margin-bottom: 0;
}
body.mon_compte .tooltip .tooltip-inner {
  padding: 16px;
}
body.mon_compte .navbar #div-connexion .new-btn-reverse:hover {
  color: white !important;
}

#bloc_transactions .encart-corps {
  position: relative;
}
#bloc_transactions .encart-corps h2 {
  margin-bottom: 15px;
}
#bloc_transactions .encart-corps #link_send {
  margin: 0;
  position: absolute;
  right: 30px;
  top: 30px;
  margin-top: 3px;
}
@media screen and (max-width: 767px) {
  #bloc_transactions .encart-corps #link_send {
    position: relative;
    right: auto;
    left: 0;
    margin-bottom: 10px;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  #bloc_transactions .encart-corps .dataTables_length, #bloc_transactions .encart-corps .dataTables_filter {
    text-align: left;
  }
}
#bloc_transactions .encart-corps .col-sm-6 {
  padding: 0;
}

#encart_mon_compte {
  background-color: #3758a5;
  color: #fff;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  #encart_mon_compte {
    margin-bottom: 0;
  }
}
#encart_mon_compte .hautencart {
  padding: 30px;
  padding-bottom: 15px;
}
#encart_mon_compte .hautencart #solde_preteur, #encart_mon_compte .hautencart h3 {
  font-family: "myriadbold";
}
#encart_mon_compte .hautencart .mon_solde_block {
  position: relative;
}
#encart_mon_compte .hautencart .mon_solde_block i {
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  display: block;
}
#encart_mon_compte .hautencart .mon_solde_unilend_block {
  display: flex;
}
#encart_mon_compte .hautencart .mon_solde_unilend_block .wrapper-unilend {
  padding: 4px 12px;
  background: #b11367;
  border-radius: 4px;
}
#encart_mon_compte .hautencart .mon_solde_unilend_block .wrapper-unilend .petit {
  font-weight: bold;
}
@media (min-width: 769px) {
  #encart_mon_compte .hautencart .mon_solde_unilend_block {
    justify-content: flex-end;
  }
  #encart_mon_compte .hautencart .mon_solde_unilend_block .wrapper-unilend {
    text-align: right;
  }
}
#encart_mon_compte .basencart {
  padding: 30px;
  padding-bottom: 7px;
}
#encart_mon_compte h3 {
  font-size: 24px;
  color: #fff;
  padding: 0;
}
#encart_mon_compte .btFlipCompte {
  text-align: right;
  margin-bottom: 0;
  margin-top: 10px;
}
#encart_mon_compte .btFlipCompte img {
  vertical-align: middle;
}
#encart_mon_compte .btFlipCompte a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
#encart_mon_compte #btFlipComptePlus {
  margin-top: 0;
}
#encart_mon_compte #btFlipComptePlus img {
  margin-left: 5px;
}
@media (max-width: 375px) {
  #encart_mon_compte #btFlipComptePlus {
    clear: both;
  }
}
#encart_mon_compte #btFlipCompteMoins {
  position: absolute;
  top: 0px;
  right: 20px;
  display: block;
  z-index: 100;
}
#encart_mon_compte #btFlipCompteMoins a img {
  width: 10px;
}
#encart_mon_compte #hautencartcompte span {
  font-size: 36px;
  display: block;
}
#encart_mon_compte #hautencartcompte span.petit {
  margin-top: 15px;
  font-size: 11px;
  line-height: 10px;
}
#encart_mon_compte #hautencartcompte span.translucide {
  color: rgba(255, 255, 255, 0.7);
}
#encart_mon_compte .lineseparator {
  height: 1px;
  background-color: #8ca0b3;
  margin-top: 15px;
  margin-bottom: 20px;
  clear: both;
}
#encart_mon_compte .new-btn {
  margin-top: 0;
  display: block;
  float: left;
}
#encart_mon_compte #basencartcompte {
  font-size: 14px;
  position: relative;
}
@media (min-width: 766px) {
  #encart_mon_compte #basencartcompte {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  #encart_mon_compte #basencartcompte {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  #encart_mon_compte #basencartcompte {
    font-size: 14px;
  }
}
#encart_mon_compte #basencartcompte, #encart_mon_compte #hautencartcompte {
  transition: all 0.5s;
  overflow: hidden;
  height: 255px;
}
@media (max-width: 767px) {
  #encart_mon_compte #basencartcompte, #encart_mon_compte #hautencartcompte {
    height: auto;
  }
}
@media (min-width: 768px) {
  #encart_mon_compte #basencartcompte, #encart_mon_compte #hautencartcompte {
    height: auto;
  }
}
#encart_mon_compte .hiddendiv {
  height: 0 !important;
}
#encart_mon_compte .ligne_calendar {
  color: #fff;
}
#encart_mon_compte .ligne_calendar input.datepick.form-control {
  background: transparent;
  color: #fff;
  background-image: url("/websites/pretup-1/images/chevron-blanc-bas.png");
  background-repeat: no-repeat;
  background-position: center right;
}

.bouton-groupes-crediter-compte {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.bouton-groupes-crediter-compte .btn-crediter-wrap {
  margin-right: 12px;
  text-align: center;
}
.bouton-groupes-crediter-compte .btn-crediter-wrap:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .bouton-groupes-crediter-compte {
    justify-content: center;
    flex-direction: column;
  }
  .bouton-groupes-crediter-compte .btn-crediter-wrap {
    margin-right: 0;
  }
}

.ligne_calendar {
  color: #bfbfbf;
}
.ligne_calendar img {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.ligne_calendar input.datepick.form-control {
  width: 95px !important;
  background: transparent;
  border: 0 !important;
  box-shadow: none;
  color: #bfbfbf;
  background-image: url("/websites/pretup-1/images/chevron-gris-bas.png");
  background-repeat: no-repeat;
  background-position: center right;
  display: inline !important;
  margin-right: 5px;
  padding-left: 5px;
}

@media (max-width: 767px) {
  #filtre_proch {
    margin-bottom: 5px;
  }
}

.dataTables_wrapper {
  clear: both;
}

#divprojetsencours {
  background-color: transparent;
}
#divprojetsencours #p_aucuns_projets {
  color: #b1b1b1;
  font-size: 20px;
}
#divprojetsencours #p_aucuns_projets img {
  width: 90px;
  margin-bottom: 15px;
}
#divprojetsencours #p_aucuns_projets a {
  margin-top: 30px;
}
#divprojetsencours .row {
  margin-top: 15px;
}
#divprojetsencours .row .unprojetsoutenu {
  background-color: #fff;
  cursor: pointer;
}
#divprojetsencours .row .unprojetsoutenu .premcol div {
  background-size: cover;
  background-position: center center;
  min-height: 210px;
}
@media (max-width: 767px) {
  #divprojetsencours .row .unprojetsoutenu {
    padding: 15px;
    padding-top: 0;
  }
  #divprojetsencours .row .unprojetsoutenu table {
    width: 100%;
    margin-top: 0;
  }
  #divprojetsencours .row .unprojetsoutenu .premcol {
    padding: 0;
  }
}
#divprojetsencours .row .montant_avancement {
  margin-top: 3px;
}
#divprojetsencours .row h3 {
  color: #3758a5;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  padding-bottom: 0;
  padding-top: 30px;
}
#divprojetsencours .row .soustitreprojet {
  color: #848484;
  font-size: 14px;
}
#divprojetsencours .row table {
  color: #848484;
  width: 90%;
  margin-top: 30px;
}
#divprojetsencours .row a.new-btn-plein {
  display: block;
  text-align: center;
}

@media (max-width: 767px) {
  #divprochainesecheances .newline {
    clear: both;
  }
}
#divprochainesecheances h2 span {
  font-size: 15px;
  text-transform: none;
  display: inline;
  margin-left: 30px;
}
#divprochainesecheances span {
  font-size: 36px;
  display: block;
  text-transform: uppercase;
}
#divprochainesecheances span.petit {
  margin-top: 15px;
  font-size: 11px;
  line-height: 10px;
}
#divprochainesecheances span.translucide {
  color: #bfbfbf;
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  position: relative;
  left: auto;
  margin: 0;
}

table.dataTable .control {
  width: 20px;
}

#page_notifications #page_liste_annonce {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(56, 88, 163, 0.11);
  background-color: #ffffff;
}

/***** FIN REFONTE ****/
div.haut_mon_compte h1 {
  margin-bottom: 10px;
}

.glyphicon {
  top: 2px;
  margin-right: 2px;
  margin-left: 2px;
}

.lgmenu_mon_compte {
  margin-top: 20px;
}

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

.menu_mon_compte {
  background-color: #3658a4;
  list-style: none;
  margin: 0px;
  padding: 10px 15px 0 15px;
}

.menu_mon_compte li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  margin: 0px 15px 0px 15px;
}

.menu_mon_compte li:first-child {
  /*margin-left:0px;*/
}

.menu_mon_compte li:last-child {
  /*margin-right:0px;*/
}

.menu_mon_compte a {
  padding: 10px 15px;
  height: 70px;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  color: #fff;
}

.menu_mon_compte .on a, .menu_mon_compte a:hover {
  color: #3658a4;
  background: #f3f5fa;
}

#filtre_rentabilite {
  margin-top: 20px;
}

#divprojetsoutenus h2 {
  margin-bottom: 15px;
}

.dataTables_info {
  color: #bfbfbf;
  font-size: 14px;
}

/******** Pièces Justificatives ***********/
.form-par-piece {
  padding: 5%;
  background-color: white;
  margin-bottom: 36px;
}
.form-par-piece .bouton-gradient {
  border-radius: 5px;
  font-size: 13px;
  margin: 25px 0;
  position: relative;
  width: 100%;
  padding-left: 35px;
  color: white;
  border: none;
}
.form-par-piece div + div {
  margin-top: 5px;
}
.form-par-piece .encart-par-piece {
  border-radius: 8px;
  border: solid 3px #ebeef6;
  margin: 0 10%;
  margin-bottom: 135px;
}
.form-par-piece .encart-par-piece h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #4a4a4a;
  margin-top: 36px;
}
.form-par-piece .typefileaccept {
  margin-top: 30px;
  font-size: 14px;
}
.form-par-piece .typefileaccept .titre {
  font-weight: bold;
}
.form-par-piece .fileinput-text {
  font-size: 18px;
  line-height: 1.33;
  font-weight: bold;
  color: #4a4a4a;
}
.form-par-piece .fileinput-or, .form-par-piece table th {
  font-size: 12px;
  line-height: 2.4;
  font-weight: bold;
  color: #cacaca;
}
.form-par-piece .fileinput-button {
  top: 0;
  left: 0;
  padding: 5px 38px;
  border: solid 2px #d3e0ff;
  background-color: #f3f5fa;
  box-shadow: none;
  font-size: 18px;
  font-weight: bold;
}
.form-par-piece .fileinput-button .btnupload {
  color: #3858a3;
}
.form-par-piece .glyphicon {
  margin-right: 9px;
}
.form-par-piece .plus-icon {
  margin-right: 9px;
  vertical-align: sub;
}
.form-par-piece .dropzone {
  height: 100%;
  min-height: 300px;
  padding-top: 45px;
  padding-bottom: 27px;
  border-radius: 8px;
}
.form-par-piece .type-document {
  margin-top: 30px;
  padding: 0;
}
.form-par-piece .bouton-gradient:disabled {
  background-color: #f3f5fa;
  color: #cacad7;
  background-image: none;
  border: solid 2px #ebeef6;
}
.form-par-piece .bouton-gradient:hover:disabled, .form-par-piece #bouton-progression:hover {
  box-shadow: none;
}
.form-par-piece .bouton-envoyer {
  width: 340px;
  margin: 0 auto;
  height: 90px;
}
.form-par-piece .bouton-gradient {
  width: 100%;
  height: 64px;
  font-size: 21px;
  font-weight: bold;
  margin: 0;
}
.form-par-piece #bouton-envoyer {
  top: 60px;
}
.form-par-piece #bouton-progression {
  background-image: none;
  background-color: #b1d847;
  text-align: center;
  padding: 0;
  padding-top: 16px;
  top: -4px;
  width: 0%;
}
.form-par-piece .bouton-gradient .arrow-icon {
  margin-left: 18px;
  vertical-align: baseline;
}
.form-par-piece .bouton-gradient .check-icon {
  margin-right: 18px;
}
.form-par-piece #erreur-upload {
  font-size: 18px;
  line-height: 1.33;
  font-weight: bold;
}
.form-par-piece .type-document label {
  font-size: 18px;
  line-height: 1.5;
  color: #4a4a4a;
  font-weight: normal;
}
.form-par-piece .affichage-input.hide {
  display: none;
}
.form-par-piece .affichage-doc.hide {
  display: none;
}
.form-par-piece .affichage-doc div + div {
  margin-top: 18px;
}
.form-par-piece .fileinput-button.supprimer {
  margin-top: 36px;
  border-color: #f7b5b5;
  font-size: 9px;
  padding: 5px 18px;
  cursor: pointer;
}
.form-par-piece .supprimer .btnsuppr {
  color: red;
}
.form-par-piece .a-fournir {
  font-size: 18px;
}
.form-par-piece .a-fournir td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.form-par-piece .a-fournir td + td, .form-par-piece .a-fournir th + th {
  padding-left: 63px;
}
.form-par-piece .a-fournir .vert, .form-par-piece .a-fournir .orange, .form-par-piece .a-fournir .rouge {
  font-weight: bold;
}
.form-par-piece .vert {
  color: #b1d847;
}
.form-par-piece .orange {
  color: #eaa70c;
}
.form-par-piece .rouge {
  color: #f71212;
}
.form-par-piece .gris {
  color: #777777;
}

.vert {
  color: #468154;
}

.orange {
  color: #eaa70c;
}

/******** Fin ***********/
form .encart-moncompte, .inform .encart-moncompte {
  padding: 20px;
  margin-bottom: 36px;
}
form .encart-moncompte h3, .inform .encart-moncompte h3 {
  color: #4a4a4a;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  padding-top: 0;
}
form .encart-moncompte .bloc_btn, .inform .encart-moncompte .bloc_btn {
  position: relative;
  float: right;
  width: 100%;
  padding-top: 0;
  margin-top: 8px;
}
form .encart-moncompte .bloc_btn button, .inform .encart-moncompte .bloc_btn button {
  float: right;
  margin-right: 20px;
  position: relative;
  z-index: 200;
}
form .encart-moncompte .bloc_btn .linerbtn, .inform .encart-moncompte .bloc_btn .linerbtn {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100%;
  background-color: #8ca0b3;
  z-index: 90;
}

.gestion-document .gris {
  color: #777777;
}
.gestion-document .text-right {
  text-align: right;
}
.gestion-document .vert {
  color: #b1d847;
  font-weight: bold;
}
.gestion-document .orange {
  color: #eaa70c;
  font-weight: bold;
}
.gestion-document .rouge {
  color: #f71212;
  font-weight: bold;
}

.wrapper-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.encart-pieceid {
  border: solid 2px #d3e0ff;
  border-radius: 2px;
  padding: 12px;
  max-width: 830px;
  margin: auto;
}
.encart-pieceid .vert {
  color: #b1d847;
}
.encart-pieceid .orange {
  color: #eaa70c;
}
.encart-pieceid .rouge {
  color: #f71212;
}
.encart-pieceid .gris {
  color: #777777;
}

.encart-moncompte {
  clear: both;
  background-color: #fff;
}
.encart-moncompte .encart-corps {
  padding: 30px 30px;
}
.encart-moncompte .footer-ecart {
  border-top: solid 1px #8ca0b3;
}
.encart-moncompte .btn-espace-preteur {
  float: right;
  background-color: #3758a5;
  padding: 10px 15px;
  font-size: 14px;
  color: #fff;
  border: 0;
  position: relative;
  bottom: 0;
  right: 0;
}
.encart-moncompte .btn-espace-preteur img {
  margin-left: 5px;
}
.encart-moncompte h2 {
  font-size: 24px;
  color: #4a4a4a;
  text-align: left;
  margin: 0;
  padding: 0;
}
.encart-moncompte h2.entete {
  padding: 30px;
  padding-bottom: 5px;
}

.encart-monrang {
  padding: 20px;
  height: 255px;
  position: relative;
  margin-top: 25px;
}
@media (min-width: 992px) {
  .encart-monrang {
    margin-top: 0;
  }
}
.encart-monrang .surtitre {
  color: #3758a5;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .encart-monrang .surtitre {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .encart-monrang .surtitre {
    font-size: 14px;
  }
}
.encart-monrang a {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #4a4a4a;
}
.encart-monrang h3 {
  font-size: 24px;
  color: #4a4a4a;
  padding-top: 10px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .encart-monrang h3 {
    font-size: 16px;
    padding-top: 15px;
  }
}
@media (min-width: 1200px) {
  .encart-monrang h3 {
    font-size: 22px;
  }
}
.encart-monrang .rang_preteur {
  margin-bottom: 20px;
}

.lignemoncompte {
  margin-bottom: 15px;
}

.information-index-panel {
  background: #ffffff;
  padding: 24px;
  display: flex;
  margin-bottom: 0;
  min-height: 180px;
}
.information-index-panel .info {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.information-index-panel .info div {
  padding: 6px;
}
.information-index-panel .info h2 {
  padding: 0;
  margin: 0;
}
.information-index-panel .info .btn {
  padding: 12px 24px;
  border-radius: 4px;
  margin: 0;
  font-size: 1.1em;
}
.information-index-panel .info .bleu {
  font-weight: bold;
  font-size: 24px;
}
.information-index-panel .validationinfo {
  font-size: 1.2em;
}
.information-index-panel .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}

.information-index-panel-side {
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .information-index-panel-side {
    padding: 12px;
  }
  .information-index-panel-side .info .bleu {
    font-size: 18px;
  }
  .information-index-panel-side .info div {
    padding: 4px;
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  .information-index-panel-side {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .information-index-guide {
    padding-right: 15px;
  }
}

.encart-moncompte form {
  padding-right: 20px;
}

.bo .encart-moncompte h2.petite-marge-basse {
  margin-bottom: 10px;
}

#filtre_planifiee, #filtre_proch {
  margin: 10px 0;
}

.encart-moncompte .dataTables_wrapper, .encart-moncompte .datatable {
  margin-top: 0 !important;
}

.encart-moncompte .dataTables_wrapper .row:last-of-type {
  margin: 0;
}

.encart-moncompte:not(.selectnumber) .dataTables_wrapper .row:first-of-type {
  display: none;
}

.encart-moncompte .dataTables_wrapper .row:first-of-type {
  padding: 0 15px;
}

.encart-moncompte .dataTables_info, .encart-moncompte .dataTables_paginate {
  font-size: 14px;
}

.encart-moncompte .timeline {
  border: 0;
}

#projet_recommande .voile, #encart_mon_compte, .encart-moncompte, .unprojetsoutenu {
  -moz-box-shadow: 0px 5px 10px 0px #e8ebf5;
  -webkit-box-shadow: 0px 5px 10px 0px #e8ebf5;
  -o-box-shadow: 0px 5px 10px 0px #e8ebf5;
  box-shadow: 0px 5px 10px 0px #e8ebf5;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#e8ebf5, Direction=180, Strength=10);
}

#projet_recommande {
  background-size: cover;
  color: #fff;
  position: relative;
  cursor: pointer;
  margin-top: 25px;
}
@media (min-width: 992px) {
  #projet_recommande {
    margin-top: 0;
  }
}
#projet_recommande .voile, #projet_recommande .voile_light {
  background-color: rgba(55, 88, 165, 0.81);
  height: 230px;
  padding: 20px;
}
#projet_recommande .voile_light {
  background-color: rgba(55, 88, 165, 0.25);
}
#projet_recommande .titre_proj_a_decouvrir {
  font-size: 10px;
}
#projet_recommande h3 {
  color: #fff;
  font-family: "myriadbold";
  margin: 0;
  padding: 0;
  font-size: 22px;
}
#projet_recommande a {
  color: #fff;
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 16px;
}

.form-group {
  margin-bottom: 8px;
}

/* Back office
=======================================================================*/
.bo .table-striped, .ui-dialog-content .table-striped {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0px 0px 20px 0px;
  border: none;
}

.bo .table-striped thead tr th, .ui-dialog-content .table-striped thead tr th {
  font-size: 14px;
  border: 1px solid #aaa;
  border-bottom: 1px solid #3758a5;
  text-transform: none;
  font-weight: normal;
  background-color: #3758a5;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.bo .table-striped thead tr th:first-child, .ui-dialog-content .table-striped thead tr th:first-child {
  border-left: 1px solid #3758a5;
}

.bo .table-striped thead tr th:last-child, .ui-dialog-content .table-striped thead tr th:last-child {
  border-right: 1px solid #3758a5;
}

.bo .table-striped tfoot tr th, .ui-dialog-content .table-striped tfoot tr th {
  font-size: 14px;
  border: 1px solid #aaa;
  border-bottom: 1px solid #777;
  text-transform: none;
  font-weight: normal;
  background-color: #777;
  color: #fff;
  padding: 5px 10px 5px 10px;
  text-align: center;
  vertical-align: middle;
}

.bo .table-striped tfoot tr th:first-child, .ui-dialog-content .table-striped tfoot tr th:first-child {
  border-left: 1px solid #777;
}

.bo .table-striped tfoot tr th:last-child, .ui-dialog-content .table-striped tfoot tr th:last-child {
  border-right: 1px solid #777;
}

.bo .table-striped tbody tr th, .ui-dialog-content .table-striped tbody tr th {
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
}

.bo .table-striped tbody tr td, .ui-dialog-content .table-striped tbody tr td {
  vertical-align: middle;
}

.bo .table-striped tbody tr td input, .ui-dialog-content .table-striped tbody tr td input {
  height: 28px;
  line-height: 28px;
  border: 1px solid #aaa !important;
}

.bo .table-striped .center, .ui-dialog-content .table-striped .center {
  text-align: center;
}

.bo .table-striped .left, .ui-dialog-content .table-striped .left {
  text-align: left;
}

.bo .table-striped .right, .ui-dialog-content .table-striped .right {
  text-align: right;
}

.bo .table-striped tbody tr.bg-success td, .ui-dialog-content .table-striped tbody tr.bg-success td {
  background-color: #dff0d8;
}

.bo .table-striped tbody tr.bg-danger td, .ui-dialog-content .table-striped tbody tr.bg-danger td {
  background-color: #f2dede;
}

.bo #signature_document, .bo #document_signes {
  text-align: center;
}

.bo input[type=checkbox] {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0px 10px 0px 0px;
  outline: none !important;
  border: none;
}

.bo .liste_radio input[type=radio] {
  outline: none;
}

.bo .liste_radio label input {
  display: block;
  margin: 0px auto 5px auto;
}

.bo .liste_radio label {
  display: inline-block;
  background: #3654A0;
  width: 70px;
  text-align: center;
  padding: 5px 5px 5px 5px;
  /* float: left; */
  margin-right: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}

label small {
  font-weight: normal;
}

.bo .bloc_info {
  position: relative;
  width: 700px;
  font-size: 13px;
  margin: 10px auto 10px auto;
  border: 2px solid #2F8AD3;
  background-color: #E9F1FA;
  color: #0F6AB3;
  background-image: url(../include/images/info.png);
  background-repeat: no-repeat;
  background-position: 13px 8px;
  padding: 10px 20px 10px 70px;
  text-align: left;
  line-height: 140%;
  -moz-box-shadow: 1px 1px 6px #555;
  -webkit-box-shadow: 1px 1px 6px #555;
  box-shadow: 1px 1px 6px #555;
}

.bo .bloc_info strong {
  font-weight: bold;
}

.bo .bloc_boutons {
  clear: both;
  text-align: center;
  padding: 0px 10px 15px 10px;
}

.bo .btn-logout, .bo .btn-logout:active, .bo .btn-logout:focus {
  background-color: #3857a6;
  padding: 6px 10px;
  float: right;
  color: #fff !important;
  font-size: 15px;
  width: auto;
  text-align: center;
  box-shadow: 2px 2px 6px #777;
  -moz-box-shadow: 2px 2px 6px #777;
  -webkit-box-shadow: 2px 2px 6px #777;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
  border: 0;
  border-radius: 0;
}

.bo .btn-logout:hover {
  color: #fff;
  /*border:2px solid #3654a0;*/
  background-color: #3D62B9;
  text-decoration: none;
  box-shadow: 2px 2px 6px #333;
  -moz-box-shadow: 2px 2px 6px #333;
  -webkit-box-shadow: 2px 2px 6px #333;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.haut_mon_compte_preteur .btn-logout {
  float: none !important;
}

.haut_mon_compte_preteur {
  margin-bottom: 20px;
}

.encart-moncompte-plein {
  background-color: #3758a5;
  color: #fff;
  margin-top: 10px;
  padding: 5px 10px;
  min-height: 220px;
}

.encart-moncompte-plein .nom_preteur {
  font-size: 34px;
  font-family: "myriadbold";
  margin-bottom: 20px;
}

.encart-moncompte-plein .montant_a_investir, .encart-moncompte-plein .nb_contributions {
  font-size: 50px;
  line-height: 45px;
  margin-top: 8px;
  font-family: "MyriadProSemibold";
}

.encart-moncompte-plein .sous_ligne {
  font-size: 16px;
  text-transform: uppercase;
}

.encart-moncompte-plein .centimes {
  font-size: 20px;
  line-height: 18px;
}

.encart-moncompte-plein .divbt-crediter {
  padding-top: 20px;
  margin-bottom: 15px;
  clear: both;
}

.colgauchemoncompte .divsocicon {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

.colgauchemoncompte .divsocicon .socicon {
  text-align: center;
  margin: 0;
  height: 45px;
  line-height: 42px !important;
  display: block;
  font-size: 30px;
}

.colgauchemoncompte .facebook {
  width: 95%;
  float: right;
  background-color: #3B5998;
  border: 2px solid #3B5998;
  color: #3B5998;
}

.colgauchemoncompte .facebook span {
  border-radius: 2px;
  padding: 5px;
  border-radius: 20px;
  background-color: #fff;
}

.colgauchemoncompte .googleplus {
  width: 95%;
  background-color: #E12605;
  border: 2px solid #E12605;
  color: #E12605;
}

.colgauchemoncompte .googleplus span {
  background-color: #fff;
  border-radius: 20px;
  padding: 5px;
  color: #E12605;
}

.colgauchemoncompte .socicon:hover {
  background-color: transparent !important;
}

.alert {
  margin-top: 20px;
  margin-bottom: 0px;
}

.alert-danger.kyc3 {
  font-size: 24px;
  padding: 24px;
}

.colgauchemoncompte .twitter-timeline {
  display: block !important;
}

#blocsituationmoncompte, #div_rentabilite {
  min-height: 240px;
}

@media (min-width: 767px) {
  .containerpopuprel {
    width: 600px;
  }
}
.containerpopuprel #hasDatefin {
  float: left;
  vertical-align: middle;
  margin-top: 10px;
  margin-right: 5px;
}
.containerpopuprel #PrlvDateFin {
  float: right;
  width: 93% !important;
  margin-bottom: 5px;
}
.containerpopuprel #supprimePrelRegulier {
  margin-top: 8px;
}

#tableau_prel td {
  text-align: center;
  padding: 5px 10px;
}

#formmespieces label {
  font-weight: normal;
}
#formmespieces label b {
  color: #777777;
}

.btn-crediter-retirer-compte {
  margin-right: 12px;
  margin-bottom: 12px;
}

#encartprelevement {
  text-align: center;
}
#encartprelevement .unversementprel {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #8ca0b3;
  clear: both;
}
#encartprelevement .unversementprel img.suivi_prelevement {
  margin: auto;
  margin-top: 10px;
}
@media (min-width: 766px) {
  #encartprelevement .unversementprel img.suivi_prelevement {
    width: 74%;
  }
}
@media (min-width: 992px) {
  #encartprelevement .unversementprel img.suivi_prelevement {
    width: 74%;
  }
}
@media (min-width: 1200px) {
  #encartprelevement .unversementprel img.suivi_prelevement {
    width: 73%;
  }
}

#tableau_doc_fiscaux {
  margin: 20px auto;
}

#tableau_doc_fiscaux_wrapper {
  margin: 20px auto;
  width: 300px !important;
}

#div_menu_infos_persos, #div_menu_boost {
  position: relative;
}
#div_menu_infos_persos #menu_infos_persos, #div_menu_infos_persos #menu_boost, #div_menu_boost #menu_infos_persos, #div_menu_boost #menu_boost {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-left: solid 1px #8ca0b3;
  float: left;
}
#div_menu_infos_persos #menu_infos_persos li, #div_menu_infos_persos #menu_boost li, #div_menu_boost #menu_infos_persos li, #div_menu_boost #menu_boost li {
  display: inline;
  border-right: solid 1px #8ca0b3;
  border-top: solid 1px #8ca0b3;
  border-bottom: solid 1px #8ca0b3;
}
#div_menu_infos_persos #menu_infos_persos li a, #div_menu_infos_persos #menu_boost li a, #div_menu_boost #menu_infos_persos li a, #div_menu_boost #menu_boost li a {
  float: left;
  padding: 15px 20px;
  color: #4a4a4a;
  font-size: 14px;
  background-color: #fff;
}
#div_menu_infos_persos #menu_infos_persos li a.on, #div_menu_infos_persos #menu_infos_persos li a:hover, #div_menu_infos_persos #menu_boost li a.on, #div_menu_infos_persos #menu_boost li a:hover, #div_menu_boost #menu_infos_persos li a.on, #div_menu_boost #menu_infos_persos li a:hover, #div_menu_boost #menu_boost li a.on, #div_menu_boost #menu_boost li a:hover {
  background-color: #3758a5;
  color: #fff;
}
#div_menu_infos_persos #menu_infos_persos li a.on, #div_menu_infos_persos #menu_boost li a.on, #div_menu_boost #menu_infos_persos li a.on, #div_menu_boost #menu_boost li a.on {
  font-weight: bold;
}
#div_menu_infos_persos #menu_infos_persos li a.disabled, #div_menu_infos_persos #menu_infos_persos li a.disabled:hover, #div_menu_infos_persos #menu_boost li a.disabled, #div_menu_infos_persos #menu_boost li a.disabled:hover, #div_menu_boost #menu_infos_persos li a.disabled, #div_menu_boost #menu_infos_persos li a.disabled:hover, #div_menu_boost #menu_boost li a.disabled, #div_menu_boost #menu_boost li a.disabled:hover {
  color: #6c6c6c;
  font-weight: normal;
  background-color: #eeeeee;
  font-size: 14px;
  cursor: not-allowed;
}
#div_menu_infos_persos .hidden-links li a, #div_menu_boost .hidden-links li a {
  float: left;
  padding: 15px 20px;
  color: #4a4a4a;
  font-size: 14px;
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #8ca0b3;
}
#div_menu_infos_persos .hidden-links li a.on, #div_menu_infos_persos .hidden-links li a:hover, #div_menu_boost .hidden-links li a.on, #div_menu_boost .hidden-links li a:hover {
  background-color: #3758a5;
  color: #fff;
}
#div_menu_infos_persos .hidden-links li a.on, #div_menu_boost .hidden-links li a.on {
  font-weight: bold;
}
#div_menu_infos_persos button, #div_menu_boost button {
  position: absolute;
  padding: 15px 20px;
  background-image: none;
  background-color: #fff;
  border: 1px solid #8ca0b3;
  display: none;
  font-weight: bold;
  color: #3758a5;
}
#div_menu_infos_persos button img, #div_menu_boost button img {
  width: 10px;
}
#div_menu_infos_persos button.active, #div_menu_boost button.active {
  background-color: #d4dff7;
}
#div_menu_infos_persos button.active img, #div_menu_boost button.active img {
  transform: rotate(180deg);
}
#div_menu_infos_persos button:focus, #div_menu_boost button:focus {
  outline: none;
}
#div_menu_infos_persos button.hidden, #div_menu_boost button.hidden {
  transition: none;
  width: 0;
  padding: 0;
  overflow: hidden;
}
#div_menu_infos_persos ul.links, #div_menu_boost ul.links {
  justify-content: flex-end;
  flex: 1;
  overflow: hidden;
}
#div_menu_infos_persos ul.links li, #div_menu_boost ul.links li {
  float: left;
}
#div_menu_infos_persos ul.hidden-links, #div_menu_boost ul.hidden-links {
  position: absolute;
  background: #fff;
  z-index: 300;
  top: 100%;
  border: 1px solid #8ca0b3;
  border-bottom: 0;
  border-top: 0;
  list-style-type: none;
  padding: 0;
}
#div_menu_infos_persos ul.hidden-links.hidden, #div_menu_boost ul.hidden-links.hidden {
  display: none;
}

#apercu_profil {
  border: solid 1px #8ca0b3;
  padding: 10px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  position: relative;
}
#apercu_profil .nomprofil {
  color: #3757a5;
  font-size: 18px;
  position: absolute;
  top: 5px;
  left: 70px;
  font-weight: bold;
}
#apercu_profil #dropzone_image_profil {
  background-color: transparent;
  border: 0;
}
#apercu_profil .typefileaccept, #apercu_profil .info-upload, #apercu_profil .textedepot {
  display: none;
}
#apercu_profil .fileinput-button, #apercu_profil .loaderlogopreteur, #apercu_profil .alertphoto {
  position: absolute;
  bottom: 10px;
  left: 70px;
  top: auto;
}
#apercu_profil .alertphoto {
  font-size: 12px;
}
#apercu_profil .loaderlogopreteur {
  display: none;
}
#apercu_profil table {
  display: none;
}
#apercu_profil #SupprPhotoProfil {
  position: absolute;
  top: 8px;
  left: 8px;
  cursor: pointer;
}

#code_parrainage {
  display: block;
  width: 120px;
  background-color: #ccc;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #666;
  border-radius: 5px;
  font-size: 18px;
  margin-bottom: 30px;
}

#forminvite p {
  color: #a7a7a7;
  font-size: 10px;
  text-align: right;
}
#forminvite button {
  margin-top: 30px;
}

#profils_filleul div {
  position: relative;
  margin-bottom: 10px;
}
#profils_filleul div span {
  font-size: 14px;
  position: absolute;
  top: 10px;
  left: 70px;
  font-weight: bold;
}
#profils_filleul div i {
  position: absolute;
  top: 25px;
  left: 70px;
  color: #bfbfbf;
  font-size: 12px;
}

.hasDatepicker {
  width: 100% !important;
}

.civilite {
  text-align: center;
  margin-bottom: 0;
}
.civilite label {
  margin-bottom: 0;
}

#page_suivi_impayes .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
  cursor: pointer;
}
#page_suivi_impayes .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}
#page_suivi_impayes .table-striped img {
  width: 8px;
  margin-left: 3px;
}
#page_suivi_impayes a {
  cursor: pointer;
}
#page_suivi_impayes .tableau_suivi_impaye {
  text-align: center;
  overflow: hidden;
  padding: 0 !important;
}
#page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr {
  transition: all 0.5s;
  float: left;
  width: 100%;
  padding: 15px 20px;
}
#page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr table {
  border: 1px solid #3758a5;
  margin: auto;
  width: 100%;
}
#page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr table th, #page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr table td {
  padding: 5px 15px;
  border: 1px solid #3758a5;
  font-size: 13px;
}
#page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr table tbody th, #page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr table tbody td {
  color: #3758a5;
}
#page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr table th {
  width: 50%;
  text-align: center;
}
#page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr h4 {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #2a4394;
  margin: 15px 0;
  padding: 0;
}
#page_suivi_impayes .tableau_suivi_impaye .divsuivirecouvr p {
  text-align: left;
  color: #4a4a4a;
  font-size: 14px;
}
#page_suivi_impayes .tableau_suivi_impaye img {
  width: 20px;
}
#page_suivi_impayes .hiddentr {
  height: 0px;
  padding: 0 20px !important;
}

#popupcrediterprelevement h1 {
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 10px;
}
#popupcrediterprelevement h3 {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}
#popupcrediterprelevement p {
  padding-left: 15px;
}
#popupcrediterprelevement .btn-default {
  margin: 0;
  margin: auto;
}

#criteres_pret {
  /*display:none;*/
}

#blocboostaccueil {
  border: 5px solid #fdc708;
  color: #fff;
  padding: 15px;
  background-image: url("/websites/pretup-1/images/espace_preteur/bg-boostpretup.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 25px;
}
@media (min-width: 992px) {
  #blocboostaccueil {
    margin-top: 0;
  }
}
#blocboostaccueil img {
  margin: auto;
}
#blocboostaccueil h4 {
  margin-left: 0;
  color: #fff;
  font-size: 16px;
}
#blocboostaccueil p {
  font-size: 12px;
}
#blocboostaccueil a {
  margin: auto;
}

#contenu_boost {
  background-color: #ffffff;
  border: 1px solid rgb(140, 160, 179);
  border: 1px solid rgba(140, 160, 179, 0.5);
  margin-bottom: 45px;
}
#contenu_boost h3 {
  color: #4a4a4a;
  font-size: 24px;
  font-weight: bold;
}
#contenu_boost p {
  color: rgb(74, 74, 74);
  color: rgba(74, 74, 74, 0.6);
  font-size: 16px;
}
#contenu_boost p.mention_boost {
  font-size: 14px;
  font-style: italic;
}
#contenu_boost #div_prelevement_boost {
  display: none;
}
#contenu_boost .input-group input {
  font-size: 16px;
  color: rgb(74, 74, 74);
  color: rgba(74, 74, 74, 0.6);
  border: solid 1px rgb(140, 160, 179) !important;
  border: solid 1px rgba(140, 160, 179, 0.5) !important;
  border-right: 0 !important;
  box-shadow: none;
  text-align: right;
  padding-right: 0;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
#contenu_boost .input-group .input-group-addon {
  font-size: 16px;
  color: rgb(74, 74, 74);
  color: rgba(74, 74, 74, 0.6);
  border: solid 1px rgb(140, 160, 179);
  border: solid 1px rgba(140, 160, 179, 0.5);
  border-left: 0;
  background-color: transparent;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
#contenu_boost .titre_boost {
  border-bottom: 1px solid rgb(140, 160, 179);
  border-bottom: 1px solid rgba(140, 160, 179, 0.5);
  padding: 15px;
}
#contenu_boost .contenu_boost {
  padding: 30px 15px;
}
#contenu_boost fieldset {
  border: solid 1px #cdd9e3;
  padding: 30px;
}
#contenu_boost .duree_taux_fieldset p {
  min-height: 45px;
}
#contenu_boost .point_tooltip {
  font-size: 16px;
  height: 30px;
  width: 30px;
  line-height: 20px;
  color: rgb(140, 160, 179);
  color: rgba(140, 160, 179, 0.5);
  border: solid 1px rgb(140, 160, 179);
  border: solid 1px rgba(140, 160, 179, 0.5);
  padding: 5px 10px;
  border-radius: 20px;
  text-align: center;
  cursor: help;
}
#contenu_boost .control-label {
  color: #4a4a4a;
  font-size: 20px;
  font-weight: normal;
}
#contenu_boost .row-mode-investissement {
  margin-top: 30px;
  margin-bottom: 30px;
}
#contenu_boost .row-mode-investissement .btn-primary {
  border: solid 1px #3758a5;
  background-color: #fff;
  color: #3758a5;
  border-radius: 2px;
}
#contenu_boost .row-mode-investissement .btn-primary.active, #contenu_boost .row-mode-investissement .btn-primary.focus, #contenu_boost .row-mode-investissement .btn-primary:active, #contenu_boost .row-mode-investissement .open > .dropdown-toggle.btn-primary {
  background-color: #3758a5;
  color: #fff;
  outline: none;
  box-shadow: none;
}
#contenu_boost .alert-danger p.mention_boost {
  color: #a94442;
  font-style: normal;
}
#contenu_boost .btn-risque {
  width: 100%;
  margin-bottom: 15px;
}
#contenu_boost .btn-risque .btn {
  width: 12%;
  border: 0;
  border-radius: 2px;
  opacity: 0.5;
  margin: 0;
  padding: 10px 15px;
  font-size: 16px;
  padding-bottom: 30px;
  background-image: url("/websites/pretup-1/images/checkbox.svg");
  background-position: center 90%;
  background-repeat: no-repeat;
}
#contenu_boost .btn-risque .btn-primary.active, #contenu_boost .btn-risque .open > .dropdown-toggle.btn-primary {
  opacity: 1;
  box-shadow: none;
  background-image: url("/websites/pretup-1/images/checkbox-checked.svg");
}
#contenu_boost .btn-risque .btn-primary.focus {
  outline: none;
}
#contenu_boost .fieldset-geo label {
  font-weight: normal;
}
#contenu_boost .fieldset-geo input {
  margin-right: 5px;
}
#contenu_boost #resultat_diversification > div, #contenu_boost #resultat_diversification_clone > div {
  padding: 15px;
  color: #fff;
  font-size: 16px;
  transition: all 0.5s;
}
#contenu_boost #resultat_diversification > div b, #contenu_boost #resultat_diversification > div u, #contenu_boost #resultat_diversification_clone > div b, #contenu_boost #resultat_diversification_clone > div u {
  top: 2px;
  position: relative;
}
#contenu_boost #resultat_diversification > div .displaytd, #contenu_boost #resultat_diversification_clone > div .displaytd {
  vertical-align: middle;
  height: 40px;
}
#contenu_boost #resultat_diversification > div img, #contenu_boost #resultat_diversification_clone > div img {
  margin-right: 15px;
}
#contenu_boost #resultat_diversification_clone {
  position: fixed;
  bottom: 0;
  z-index: 1200;
}
@media (max-width: 767px) {
  #contenu_boost #resultat_diversification_clone {
    display: none !important;
  }
}
#contenu_boost #sscrit, #contenu_boost #accrit {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  padding: 30px 15px;
}
#contenu_boost #sscrit input, #contenu_boost #accrit input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
#contenu_boost .bloc_btn {
  margin-top: 30px;
  padding-top: 0;
}
#contenu_boost .contenu_activation_boost img {
  margin: auto;
}
#contenu_boost .contenu_activation_boost .logoboost {
  height: 90px;
  margin-bottom: 40px;
}
#contenu_boost .contenu_activation_boost b {
  color: #282828;
}
#contenu_boost .contenu_activation_boost #label_accepte_mention_boost {
  font-style: italic;
  font-weight: normal;
  color: rgb(74, 74, 74);
  color: rgba(74, 74, 74, 0.6);
}
#contenu_boost .contenu_activation_boost #btn_active_boost {
  float: right;
  margin-top: 30px;
}
#contenu_boost .contenu_activation_boost #btn_active_boost .toggle {
  margin-left: 10px;
}
#contenu_boost .ligne-region-select {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #contenu_boost .ligne-region-select div {
    margin-bottom: 8px;
  }
}
#contenu_boost .cadre-etape {
  padding: 25px 15px;
  border: 1px solid #cdd9e3;
  font-size: 20px;
  color: #4a4a4a;
  line-height: 20px;
  margin-bottom: 20px;
}
#contenu_boost .cadre-etape .etat {
  font-size: 16px;
  text-align: right;
}
#contenu_boost .cadre-etape .etat a {
  color: #3758a5;
  font-weight: bold;
}
#contenu_boost .cadre-etape img {
  vertical-align: middle;
  margin-left: 10px;
}
#contenu_boost .cadre-ok {
  border: solid 1px #8fb42b;
}
#contenu_boost .cadre-ok .etat {
  color: #8fb42b;
}
#contenu_boost .cadre-ko {
  background-color: rgb(140, 160, 179);
  background-color: rgba(140, 160, 179, 0.1);
  color: #4a4a4a;
  opacity: 0.4;
}
#contenu_boost .cadre-ko .etat {
  color: #3758a5;
  font-weight: bold;
}
#contenu_boost #p_valide_plafond, #contenu_boost #check_valide_plafond {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000;
}
#contenu_boost #check_valide_plafond {
  margin: 15px 0;
}
#contenu_boost #check_valide_plafond label {
  color: #000;
  font-weight: normal;
}
#contenu_boost #check_valide_plafond label, #contenu_boost #check_valide_plafond input {
  margin-top: 8px;
}

.tooltip-inner {
  max-width: 100% !important;
  text-align: left;
}

#pieces_justificatives_impots h3 {
  margin-top: 40px;
}
#pieces_justificatives_impots h4 {
  color: #3857a6;
  font-size: 18px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 15px;
  background-color: #f0f0f0;
  padding: 6px 10px 6px 10px;
  -moz-box-shadow: 0px 1px 5px #777;
  -webkit-box-shadow: 0px 1px 5px #777;
  box-shadow: 0px 1px 5px #777;
}
#pieces_justificatives_impots h5 {
  background-color: #3758a5;
  margin: 0;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
}
#pieces_justificatives_impots .info-upload {
  margin-bottom: 25px;
}
#pieces_justificatives_impots .impotannee {
  display: none;
}
#pieces_justificatives_impots .puce {
  display: inline-block;
  transition: all 0.5s;
}
#pieces_justificatives_impots h4.selected .puce {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
#pieces_justificatives_impots h4:not(.selected):hover .puce {
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
#pieces_justificatives_impots .impot_statut_attente, #pieces_justificatives_impots .impot_statut_valide {
  text-align: center;
  font-size: 16px;
}
#pieces_justificatives_impots .impot_statut_attente .glyphicon, #pieces_justificatives_impots .impot_statut_valide .glyphicon {
  padding-top: 8px;
  font-size: 30px;
}
#pieces_justificatives_impots .impot_statut_attente .glyphicon {
  color: #eaa800;
}
#pieces_justificatives_impots .impot_statut_valide .glyphicon {
  color: #03db00;
}

.unepref {
  font-size: 17px;
}
.unepref .toggle {
  margin-right: 8px;
}

.cntnr-iframe {
  position: relative;
  width: 390px;
  height: 400px;
  max-width: 390px;
}
.cntnr-iframe #iframe1 {
  width: 390px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -200px;
  margin-left: -195px;
}

.box-moncompte {
  border-radius: 4px;
  background-color: #ffffff;
  margin-bottom: 20px;
  overflow: hidden;
}
.box-moncompte .box-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #282828;
  margin: 16px 16px 0 16px;
  letter-spacing: 0;
  padding: 0 0 12px 0;
  border-bottom: solid 1px #d3e0ff;
}
.box-moncompte .box-title .right-selector {
  float: right;
}
.box-moncompte .box-title .right-selector .chosen-container {
  width: 200px !important;
}
.box-moncompte .box-title .right-selector .chosen-container .chosen-single {
  border: none !important;
  box-shadow: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #4a4a4a;
}
.box-moncompte .box-title .right-selector .chosen-container .chosen-single div b {
  background: url("/websites/pretup-1/images/espace_preteur/chevron-normal.svg") no-repeat 0 -2px;
}
.box-moncompte .box-title .right-selector .chosen-container .chosen-results {
  padding: 0;
  margin: 0;
}
.box-moncompte .box-title .right-selector .chosen-container .chosen-results .active-result {
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  padding: 10px 20px;
  font-weight: normal;
  transition-duration: 0.2s;
}
.box-moncompte .box-title .right-selector .chosen-container .chosen-results .active-result.result-selected {
  font-weight: bold;
}
.box-moncompte .box-title .right-selector .chosen-container .chosen-results .active-result.highlighted {
  background: #f3f5fa;
  color: #3758a5;
}
.box-moncompte .box-title .right-selector .color-blue {
  color: #a1b4e6;
}
@media (max-width: 1440px) {
  .box-moncompte .box-title .right-selector {
    float: none;
    display: block;
  }
}
.box-moncompte .box-title .interrogation {
  float: right;
  background: url("/include/images/interrogation.svg") no-repeat;
  width: 20px;
  height: 20px;
  background-size: cover;
  opacity: 0.5;
  transition-duration: 0.3s;
}
.box-moncompte .box-title .interrogation:hover {
  opacity: 1;
}
.box-moncompte .box-content {
  padding: 16px;
}
.box-moncompte p {
  font-size: 16px;
  line-height: 1.5;
  color: #777777;
  font-weight: normal;
}
.box-moncompte .table-data {
  width: 100%;
}
.box-moncompte .table-data:after {
  clear: both;
}
.box-moncompte .table-data.libelle-droit th {
  text-align: right;
}
.box-moncompte .table-data tr {
  height: 35px;
}
.box-moncompte .table-data tr th {
  font-size: 16px;
  line-height: 1.5;
  color: #777777;
  font-weight: normal;
  max-width: 100px;
}
.box-moncompte .table-data tr td {
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  text-align: right;
}
.box-moncompte .table-data tr td.bleu {
  font-weight: bold;
  color: #3858a3;
}
.box-moncompte .table-data tr.category .category-underline {
  margin: 0;
  height: 100%;
  border-bottom: solid 1px #a1b4e6;
  padding-bottom: 5px;
}
.box-moncompte .table-data tr.category .category-underline.inline-block {
  display: inline-block;
}
.box-moncompte .table-data tr.little-pony {
  height: 24px;
}
.box-moncompte .table-data tr.little-pony th {
  font-size: 12px;
}
.box-moncompte .box-footer-button {
  border-radius: 0;
  width: 100%;
  padding: 14px 0;
}

/* PAGE STATISTIQUES */
#page_statistiques .accordion-wrapper .accordion-title {
  height: 34px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #3858a3;
  background: none;
  border: none;
  border-bottom: 2px solid #3858a3;
  cursor: pointer;
  position: relative;
}
#page_statistiques .accordion-wrapper .accordion-title.active .icon-pretup.icon-minus {
  opacity: 1;
}
#page_statistiques .accordion-wrapper .accordion-title.active .icon-pretup.icon-plus {
  opacity: 0;
}
#page_statistiques .accordion-wrapper .accordion-title .icon-pretup {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 18px;
  opacity: 1;
  transition-duration: 0.2s;
}
#page_statistiques .accordion-wrapper .accordion-title .icon-pretup.icon-minus {
  opacity: 0;
  color: white;
  background: #3858a3;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  text-align: center;
  padding-top: 1px;
  font-size: 13px;
}
@media (max-width: 767px) {
  #page_statistiques .accordion-wrapper .accordion-title .icon-pretup {
    right: 25px;
  }
}
#page_statistiques .accordion-wrapper .collapse-content {
  display: none;
  border-top: 1px solid #cacaca;
}
#page_statistiques .rating-container .rating-input {
  border: none !important;
}
#page_statistiques .datepick-stats {
  width: 130px !important;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #a1b4e6;
  border: none;
}
#page_statistiques .rating-container .star {
  height: 21px;
  width: 21px;
}

#DataTableMvt {
  width: 100%;
}

/*
=============================================================================================================
==============================================   Bootstrap  =================================================
=============================================================================================================*/
/* XS
---------------------------------*/
@media (max-width: 767px) {
  .menu_mon_compte {
    height: auto;
    background: #5376C7;
    padding: 0;
  }
  .menu_mon_compte li {
    padding: 0px;
    margin: 0px;
    display: block;
  }
  .menu_mon_compte li:first-child,
  .menu_mon_compte li:last-child {
    margin: 0px;
    display: block;
  }
  .menu_mon_compte li > a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
    line-height: 25px;
  }
  .menu_mon_compte li > a:hover {
    background: #2A437E;
  }
  .menu_mon_compte li.on > a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    background: #3758A5;
  }
  .menu_mon_compte li > a > span {
    display: inline;
    text-align: left;
  }
  .menu_mon_compte .on {
    background-image: none;
  }
  .colgauchemoncompte {
    padding-right: 15px;
  }
  .coldroitemoncompte {
    padding-left: 15px;
  }
  .encart-moncompte form {
    padding: 0 10px;
  }
  #blocsituationmoncompte, #div_rentabilite {
    /*min-height: auto;*/
  }
  .encart-moncompte-plein .nom_preteur {
    margin-bottom: 10px;
    font-size: 30px;
  }
  .encart-moncompte-plein .montant_a_investir, .encart-moncompte-plein .nb_contributions {
    font-size: 35px;
  }
  .encart-moncompte-plein .colgauche {
    border: 0;
  }
  #annonces_preteur {
    max-height: 120px;
  }
}
/* SM
---------------------------------*/
@media (min-width: 766px) {
  .menu_mon_compte {
    font-size: 13px;
  }
  .menu_mon_compte a {
    padding: 5px 10px;
  }
  .menu_mon_compte li {
    margin: 0 0px;
  }
  .menu_mon_compte li > a > span {
    display: block;
    margin: 0px auto 3px auto;
    text-align: center;
  }
  .colgauchemoncompte {
    padding-right: 15px;
  }
  .coldroitemoncompte {
    padding-left: 15px;
  }
  .encart-moncompte-plein .colgauche {
    border: 0;
  }
}
/* MD
---------------------------------*/
@media (min-width: 992px) {
  .menu_mon_compte li {
    margin: 0 5px;
    white-space: nowrap;
  }
  .menu_mon_compte a {
    padding: 5px 15px;
  }
  .colgauchemoncompte {
    padding-right: 5px;
  }
  .encart-moncompte-plein .colgauche {
    border-right: 1px solid #293f75;
  }
  .coldroitemoncompte {
    padding-left: 5px;
  }
}
/* LG
---------------------------------*/
@media (min-width: 1200px) {
  .menu_mon_compte a {
    padding: 5px 20px;
  }
  .menu_mon_compte li {
    margin: 0px 5px 0px 5px;
    white-space: nowrap;
  }
}
.font-smaller {
  font-size: 0.7rem;
}

.font-12 {
  font-size: 1.2rem;
}

.p-10 {
  padding: 1rem;
}

.titre-petit {
  font-size: 0.9rem;
  color: #3758a5;
  font-weight: bold;
}

.credit-retrait {
  background-color: #3758a5;
  color: white;
  cursor: pointer;
  padding: 1rem;
  font-size: 1.4rem;
}

.credit-retrait:hover {
  background-color: white;
  color: #3758a5;
}

.credit-retrait-actif {
  background-color: white;
  color: #3758a5;
  cursor: pointer;
  padding: 1rem;
  font-size: 1.4rem;
}

.euro-credit {
  font-size: 1.3rem;
  margin: -4px;
}

#zonecredit, #zoneretrait {
  background-color: white;
  padding: 1rem;
}

.titre-credit {
  font-size: 1.3rem;
  margin-right: 1rem;
  font-weight: normal;
}

.icon-titre-credit {
  font-size: 1.1rem;
  padding-right: 1rem;
}

.zone-titre-credit {
  color: black;
}

.zone-titre-credit.selectionne {
  color: #3758a5;
}

.titre-credit-smaller {
  font-size: 0.8rem;
  margin-left: 1rem;
  font-weight: normal;
}

.row-credit {
  padding: 1.6rem;
  border: 1px solid #aaa;
  border-radius: 1rem;
  margin: 1rem;
  cursor: pointer;
}

.row-credit:hover {
  border: 1px solid #3758a5;
  color: #3758a5;
}

.row-credit.selectionne, .row-credit.selectionne:hover {
  border: 1px solid #3758a5;
  color: black;
  cursor: default;
  background-color: #f6fbff;
}

.choix-credit {
  font-size: 1.2em;
  color: #3758a5;
  font-weight: bold;
  padding-left: 1em;
  margin: 1em;
}

.titre-iban-bic {
  font-size: 1rem;
  font-weight: bold;
}

.iban-bic {
  font-size: 1.2rem;
  color: #3758a5;
}

.img-copy-iban-bic {
  height: 2rem;
  margin: 1rem;
  cursor: pointer;
}

.zone-aide-rib {
  padding: 1rem;
  font-style: italic;
  font-size: 0.9rem;
}

.titre-aide-rib {
  color: #3758a5;
  font-style: normal;
  font-size: 1rem;
}

.texte-aide-rib {
  margin-top: 0.5rem;
}

.aide-rib-numeros {
  border: 2px solid;
  border-radius: 50%;
  font-weight: bold;
  font-style: normal;
  background-color: #eee;
  width: 1.5rem;
  height: 1.5rem;
}

.questionnaireWrap .questionWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.questionnaireWrap .questionWrap .question {
  font-size: 1.2em;
}
.questionnaireWrap .questionWrap .response {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 32px;
}
.questionnaireWrap .questionWrap .response .responseChoix {
  padding: 1em 1em 0 1em;
}
.questionnaireWrap .questionWrap .response .responseChoix input[type=radio], .questionnaireWrap .questionWrap .response .responseChoix input[type=checkbox] {
  display: none;
}
.questionnaireWrap .questionWrap .response .responseChoix label {
  display: inline-block;
  background-color: #ddd;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
}
.questionnaireWrap .questionWrap .response .responseChoix input:checked + label {
  background-color: #3858a3;
  color: #ffffff;
}
.questionnaireWrap .questionWrap .response .input-number-wrap {
  display: flex;
  align-items: baseline;
}
.questionnaireWrap .questionWrap .response .input-number-wrap input {
  margin-right: 4px;
}
.questionnaireWrap .questionWrap .response .input-number-wrap span {
  font-size: 1.2em;
  font-weight: bold;
}
.questionnaireWrap .question-separator {
  margin: 1em 6em;
  display: flex;
  justify-content: center;
}
.questionnaireWrap .question-separator .question-separator-line {
  width: 260px;
  border-bottom: 1px solid #d3e0ff;
}
.questionnaireWrap .question-separator:last-child .question-separator-line {
  border-bottom: 0;
}
.questionnaireWrap .submit-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}

.questionnaire_suivi {
  color: #3758a5;
  font-size: medium;
  text-align: center;
}

.questionnaire_time {
  font-size: medium;
}

.questionnaire_encours {
  background-color: #3758a5;
  font-weight: bold;
  color: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.questionnaire_pasencours {
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.questionnaire_lignefait {
  border-bottom: 4px solid #3758a5;
  margin-top: 1rem;
}

.questionnaire_lignepasfait {
  border-bottom: 4px solid #aaa;
  margin-top: 1rem;
}

.questionnaire_ligneblanche {
  border-bottom: 4px solid white;
  margin-top: 1rem;
}

.dot_bleu {
  height: 40px;
  width: 40px;
  background-color: #d4dff7;
  border: 4px solid #3758a5;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: -21px;
}

.dot_gris {
  height: 40px;
  width: 40px;
  color: #aaa;
  background-color: #fff;
  border: 4px solid #aaa;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: -21px;
}

.dot_numero {
  font-size: 1.3em;
  font-weight: bold;
}

.description_section {
  background-color: #f5f5f5;
  padding: 1em;
  font-size: medium;
  border-radius: 5px;
  color: grey;
}

.complement_question {
  background-color: #f5f5f5;
  padding: 1em;
  font-size: small;
  font-style: italic;
  font-weight: normal;
  border-radius: 5px;
  color: grey;
  margin-top: 1em;
}

.new-btn-plein-cancel {
  border-radius: 20px;
  padding: 6px 16px;
  height: 37px;
  margin-top: 15px;
  font-size: 15px;
  transition-duration: 0.5s;
  font-family: "myriadbold";
  background-color: #fff;
  border: 2px solid #aaa;
  color: #aaa;
  display: inline-block;
}

.new-btn-plein-cancel:hover {
  background-color: #aaa;
  color: #fff;
}

.inscription-wrapper .form-moral {
  display: none;
}

.auth-forte .text {
  font-size: 1.2rem;
  margin-bottom: 10px;
  text-align: center;
}
.auth-forte .text--link {
  cursor: pointer;
  color: #627bb9;
  text-decoration: underline;
}
.auth-forte .text--right {
  text-align: right;
}
.auth-forte .text--small {
  font-size: 1rem;
}
.auth-forte .strong-alert {
  margin-top: 1rem;
}
.auth-forte .code-container {
  margin-bottom: 20px;
  text-align: center;
}
.auth-forte .code-container .code-input {
  width: 14rem;
  height: 3rem;
  font-size: 1.5rem;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 8px;
  transition: border-color 0.3s;
  margin: 0.2rem;
}
.auth-forte .code-container .code-input.error {
  border-color: red;
}
.auth-forte .code-container .code-input::placeholder {
  color: #ccc;
}
.auth-forte .error-container {
  min-height: 30px;
  text-align: center;
}
.auth-forte .error-container .error-message {
  color: red;
}
.auth-forte button {
  display: block;
  margin: auto;
  padding: 10px 20px;
  font-size: 16px;
  background-color: #007BFF;
  border: none;
  border-radius: 6px;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s;
}
.auth-forte button:hover {
  background-color: #0056b3;
}

.activation-auth-forte {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 2rem;
  text-align: center;
}
.activation-auth-forte .title {
  margin: 0 0;
  margin-bottom: 1rem;
}
.activation-auth-forte .title.title--mb {
  margin-bottom: 1.5rem;
}
.activation-auth-forte .text {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.activation-auth-forte .info {
  font-size: 1.1rem;
}
.activation-auth-forte .logo {
  width: 10rem;
  margin-bottom: 1rem;
}
.activation-auth-forte .logo.logo--smaller {
  width: 7rem;
}
.activation-auth-forte button {
  background-color: #3D62B9;
  color: #FFFFFF;
  border-radius: 2rem;
  border: none;
  padding: 5px 10px;
}
.activation-auth-forte .qrcode {
  margin-bottom: 1rem;
}
.activation-auth-forte > .auth-forte {
  margin: auto;
}
.activation-auth-forte .choice {
  display: flex;
  gap: 8rem;
  justify-content: center;
}
.activation-auth-forte .choice .wrapper-logo {
  min-width: 170px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 1rem;
  padding: 1rem;
}
.activation-auth-forte .choice .link-choice {
  font-size: 1.2rem;
}

.modal-content.modal-content--special {
  width: 60%;
  text-align: center;
  padding: 2rem;
  margin-left: 20%;
  margin-top: 25%;
}
.modal-content .text {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.modal-content .message {
  font-size: 1.2rem;
  margin-top: 1rem;
  display: none;
}

.list-auth-app {
  text-align: left;
  margin: 1rem;
  padding-left: 1rem;
  font-size: large;
}

.dot_bleu {
  height: 33px;
  width: 33px;
  background-color: #d4dff7;
  border: 4px solid #3758a5;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 1rem;
  text-align: center;
  top: 0;
}

.dot_numero {
  font-size: 1.3em;
  font-weight: bold;
}

.choice-add-account {
  margin-left: 3rem;
  margin-right: 3rem;
  background-color: white;
  padding: 1rem;
  border-radius: 0.5rem;
}

.confirm {
  background-color: #3D62B9;
  min-width: 5rem;
  color: #FFFFFF;
  border-radius: 2rem;
  border: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: large;
}
.confirm--mr {
  margin-right: 2rem;
}

.link-return {
  display: block;
  margin-top: 1rem;
  text-align: center;
  font-size: 1.2rem;
}

/*# sourceMappingURL=styleperso.css.map */