Skip to content
Snippets Groups Projects
main.css 58.90 KiB
.coopedia-kldb .pull-right {
  float: right;
  width: auto;
}

.coopedia-kldb .coopedia-kldb .pull-left {
  float: left;
  width: auto;
}

.coopedia-kldb .coopedia-kldb .block {
  display: block;
}

.coopedia-kldb .coopedia-kldb .flex,
.coopedia-kldb solid-set-default,
.coopedia-kldb #resources-history>div div,
.coopedia-kldb #entrepreneur-new-account solid-form form {
  display        : flex;
  flex-direction : row;
  flex-wrap      : wrap;
  justify-content: center;
}

.coopedia-kldb .coopedia-kldb .flex_espace,
.coopedia-kldb solid-set-default,
.coopedia-kldb #resources-history>div div,
.coopedia-kldb #entrepreneur-new-account solid-form form {
  justify-content: space-between;
}

.coopedia-kldb .coopedia-kldb solid-set-default[name="actions"] {
  justify-content: flex-end;
}

.coopedia-kldb .flex_item_center {
  align-items: center;
}

.coopedia-kldb .container {
  max-width: 1440px;
  margin   : 0 auto;
}

.coopedia-kldb .container_min {
  margin: 0 auto var(--marge-base) auto;
  width : 80%;
}

.coopedia-kldb .w_50 {
  width: 50%;
}

.coopedia-kldb .w_25 {
  width: 25%;
}

.coopedia-kldb .w_33 {
  width: 33%;
}

.coopedia-kldb .w_66 {
  width: 66%;
}

.coopedia-kldb .w_75 {
  width: 75%;
}

.coopedia-kldb .w_100 {
  width: 100%;
}

.coopedia-kldb .margin_bord_ecran {
  margin : 0 0 0 var(--marge-base);
  display: block;
}

/* XXXXXXXXXXXXXXXXXXXXXXXX visuels XXXXXXXXXXXXXXXXXXXXXX */
.coopedia-kldb body {
  background: var(--bg-page);
}

.coopedia-kldb .title_lead {
  width      : 50%;
  margin     : 0 25% var(--marge-base) 25%;
  font-size  : 2.2rem;
  line-height: 1.4;
  text-align : center;
}

.coopedia-kldb .title_lead_avenir {
  font-size  : 2.4rem;
  text-align : center;
  margin     : 2rem;
  font-weight: 900;
  font-family: 'var(--typo-btn)';
}

.coopedia-kldb .block_log {
  width             : 33%;
  background        : var(--bg-block);
  text-align        : center;
  margin            : 1rem;
  padding           : var(--marge-base);
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow   : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
  box-shadow        : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
}

.coopedia-kldb .block_list {
  width    : 100%;
  max-width: 950px;
  margin   : 0 auto;
}

.coopedia-kldb .no_shadow {
  box-shadow: none;
}

.coopedia-kldb .button_base,
.coopedia-kldb input[type="submit"],
.coopedia-kldb #mentor-resource-detail a,
.coopedia-kldb #entrepreneur-resource-detail a,
.coopedia-kldb #mentor-resource-validate a,
.coopedia-kldb .solid-conversation form input[type="submit"],
.coopedia-kldb #public-resource-detail a {
  transition      : all .3s ease-in-out;
  background-color: var(--bg-btn-base);
  color           : var(--bg-block);
  text-transform  : uppercase;
  font-size       : 1.4rem;
  padding         : .8rem 1.9rem .8rem 1.9rem;
  margin          : 1.5rem .5rem 1rem .5rem;
  font-family     : 'var(--typo-btn)';
  border          : 2px solid var(--bg-btn-base);
  box-shadow      : none;
  border-radius   : 20px;
  width           : auto;
  cursor          : pointer;
}

.coopedia-kldb .button_base:hover,
.coopedia-kldb input[type="submit"]:hover,
.coopedia-kldb #mentor-resource-detail a:hover,
.coopedia-kldb #mentor-resource-validate a:hover,
.coopedia-kldb #entrepreneur-resource-detail a:hover,
.coopedia-kldb .solid-conversation form input[type="submit"]:hover,
.coopedia-kldb #public-resource-detail a:hover {
  background-color: var(--bg-block);
  color           : var(--bg-btn-base);
}

.coopedia-kldb .button_dark,
.coopedia-kldb #confirm_suppress button {
  transition      : all .3s ease-in-out;
  background-color: #444C4D;
  color           : var(--bg-block);
  text-transform  : uppercase;
  font-size       : 1.4rem;
  padding         : 1.5rem 1.9rem 1.5rem 1.9rem;
  margin          : 3rem 0 1rem 0;
  font-family     : 'var(--typo-btn)';
  border          : 2px solid #444C4D;
  box-shadow      : none;
  width           : auto;
  cursor          : pointer;
}

.coopedia-kldb .button_dark:hover,
.coopedia-kldb #confirm_suppress button:hover {
  background-color: var(--bg-block);
  color           : #444C4D;
}

.coopedia-kldb .fd_bleu+.button_dark {
  margin: 0 0 1rem 0;
}

.coopedia-kldb p {
  font-size  : 1.6rem;
  color      : var(--clr-typo-base);
  font-family: 'var(--typo-btn)';
  text-align : left;
  margin     : 0 0 var(--marge-petit) 0;
}

.coopedia-kldb .p_entete {
  text-align: center;
  font-size : 1.8rem;
}

.coopedia-kldb .backlink,
.coopedia-kldb .broken solid-link {
  display        : inline-block;
  color          : var(--clr-typo-base);
  font-size      : 1.4rem;
  text-decoration: underline;
  font-family    : 'var(--typo-btn)';
  transition     : all .3s ease-in-out;
  margin         : 3rem;
  cursor         : pointer;
}

.coopedia-kldb .backlink:hover,
.coopedia-kldb .broken solid-link:hover {
  color: var(--bg-btn-base);
}

.coopedia-kldb .add_browse {
  font-family    : 'var(--typo-btn)';
  min-width      : 10rem;
  font-size      : 1.4rem;
  color          : var(--bg-block);
  border-radius  : 16.5px;
  padding        : .8rem 2rem;
  background     : #5B6374;
  border         : 2px solid #5B6374;
  transition     : all .3s ease-in-out;
  margin         : 2rem;
  display        : inline-block;
  text-align     : center;
  text-decoration: none;
  cursor         : pointer;
}

.coopedia-kldb .add_browse:hover {
  color     : #5B6374;
  background: var(--bg-block);
}

.coopedia-kldb .btn_filtre {
  border-radius   : 15.5px;
  background-color: #818998;
  padding         : .5rem 3.5rem .5rem 1.5rem;
  font-family     : 'var(--typo-btn)';
  color           : var(--bg-block);
  text-decoration : none;
  text-align      : center;
  font-size       : 1.4rem;
  border          : none;
  position        : relative;
  cursor          : pointer;
}

.coopedia-kldb .btn_filtre:after {
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  content    : "\f00d";
  position   : absolute;
  right      : 1.2rem;
  top        : 30%;
}

/* pagination */
.coopedia-kldb .step nav {
  display        : flex;
  justify-content: center;
  padding-top    : 1rem;
  width          : auto;
}

.coopedia-kldb .step nav button+button {
  order: 3;
}

.coopedia-kldb .step nav button+button:after {
  content: "\f061";
}

.coopedia-kldb .step nav button:after {
  font-family: "Font Awesome 5 pro";
  content    : "\f060";
  font-weight: 900;
  position   : absolute;
  display    : block;
  width      : 2rem;
  height     : 2rem;
  right      : 1.4rem;
  top        : 0.5rem;
  font-size  : 1.7rem;
  font-weight: bold;
  color      : #7A8789;
  cursor     : pointer;
  transition : all .3s ease-in;
}

.coopedia-kldb .step nav button:hover:after {
  color: var(--bg-btn-base);
}

.coopedia-kldb .step nav button {
  position  : relative;
  border    : none;
  background: none;
  color     : white;
}

.coopedia-kldb .step nav button[disabled] {
  opacity: .35;
}

.coopedia-kldb .step nav button[disabled]:after,
.coopedia-kldb .step nav button[disabled]:hover:after {
  cursor: default;
  color : #7A8789;
}

.coopedia-kldb .step nav>span {
  order        : 2;
  font-family  : "var(--typo-btn)";
  color        : white;
  font-size    : 1rem;
  font-weight  : bold;
  padding      : 1rem .5rem 1rem .5rem;
  border-radius: 50%;
  background   : var(--bg-btn-base);
  margin       : 0 2rem;
  position     : relative;
  right        : 1rem;
}

/*  fleche accordion    */
.coopedia-kldb .step .accordion>div {
  position: relative;
}

.coopedia-kldb .step>.accordion>div:after {
  font-family     : "Font Awesome 5 pro";
  content         : "\f078";
  font-weight     : 900;
  position        : absolute;
  display         : block;
  width           : 1.5rem;
  height          : 1.5rem;
  right           : 1.4rem;
  top             : 0rem;
  transform-origin: .7rem .7rem;
  transform       : rotate(0);
  transition      : .2s all ease-in;
  cursor          : pointer;
}

.coopedia-kldb .step>.accordion>div:hover:after {
  color: var(--bg-btn-base);
}

.coopedia-kldb .step .accordion.active>div:after {
  transform: rotate(180deg);
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX ICONES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .ico_gauche,
.coopedia-kldb #mentor-resource-detail a,
.coopedia-kldb #mentor-resource-validate a,
.coopedia-kldb #entrepreneur-resource-detail a,
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p,
.coopedia-kldb #public-resource-detail a {
  padding-left: 3.5rem;
  position    : relative;
}

.coopedia-kldb .ico_droite,
.coopedia-kldb #confirm_suppress button {
  padding-right: 3.5rem;
  position     : relative;
}

.coopedia-kldb .ico_gauche:before,
.coopedia-kldb ico_droite:before,
.coopedia-kldb #mentor-resource-detail a:before,
.coopedia-kldb #mentor-resource-validate a:before,
.coopedia-kldb #entrepreneur-resource-detail a:before,
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p:before,
.coopedia-kldb #confirm_suppress button:before,
.coopedia-kldb header span:before,
.coopedia-kldb #public-resource-detail cs-display-link[label="Link to resource"] a:before {
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  position   : absolute;
  display    : block;
  width      : 1.5rem;
  height     : 1.5rem;
  left       : 1.4rem;
  top        : .7rem;
}

.coopedia-kldb ico_droite:before {
  left: 1.4rem;
  top : .7rem;
}

.coopedia-kldb .ico_plus:before {
  content: "\f067";
}

.coopedia-kldb .ico_database:before {
  content: "\f1c0";
}

.coopedia-kldb header .ico_search:before {
  content  : "\f002";
  font-size: 1.3rem;
  color    : #282828;
  left     : 75%;
  top      : 33%;
}

.coopedia-kldb #mentor-resource-detail a:before,
.coopedia-kldb #mentor-resource-validate a:before,
.coopedia-kldb #entrepreneur-resource-detail a:before,
.coopedia-kldb #public-resource-detail a:before {
  /* ico link to ressource dans détail ressources*/
  content: "\f0c1";
}

.coopedia-kldb .ico_arrow:before {
  content: "\f061";
}
.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p:before {
  content  : "\f005";
  left     : 0.4rem;
  top      : 0.2rem;
  font-size: 1.1rem;
  color    : #5DC6F2;
}

.coopedia-kldb #confirm_suppress button:before {
  content: "\f061";
  right  : 1.1rem;
  top    : 1.4rem;
  left   : auto;
}

.coopedia-kldb .far.fa-play-circle {
  margin-left: 2rem;
  font-size  : 1.5rem;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx FIN ICONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* XXXXXXXXXXXXXXXXXXXXXXXX formulaires XXXXXXXXXXXXXXXXXXXXXX */
.coopedia-kldb .block_creat_count {
  width    : 100%;
  max-width: 800px;
  margin   : 0 auto;
  padding  : var(--marge-petit);
  overflow : hidden;
  display  : block;
}

.coopedia-kldb solid-form-label-text,
.coopedia-kldb solid-multiple-select,
.coopedia-kldb solid-form-dropdown,
.coopedia-kldb solid-form-auto-completion,
.coopedia-kldb solid-form-number {
  display: block;
  width  : 48.5%;
}

.coopedia-kldb solid-multiple-select>solid-form-auto-completion {
  width: 100%;
}

.coopedia-kldb solid-form-label-text[name="linkedin"],
.coopedia-kldb solid-form-label-text[name="twitter"] {
  width: 100%;
}

.coopedia-kldb cs-section_header,
.coopedia-kldb solid-form-textarea {
  display: block;
  width  : 100%;
}

.coopedia-kldb form textarea {
  height    : 9.5rem;
  transition: all .3s ease-in-out;
  resize    : none;
}

.coopedia-kldb label div {
  text-align : left;
  font-size  : 1.4rem;
  font-weight: bold;
  padding    : 1rem 0;
  font-family: 'var(--typo-btn)';
}

.coopedia-kldb input,
.coopedia-kldb textarea,
.coopedia-kldb select,
.coopedia-kldb form .ss-main .ss-multi-selected {
  background   : var(--bg-form);
  color        : #7A8789;
  font-size    : 1.4rem;
  padding      : 1rem 2rem 1rem 2rem;
  width        : 100%;
  border       : none;
  font-weight  : lighter;
  font-family  : 'var(--typo-btn)';
  outline      : none;
  transition   : all .3s ease-in-out;
  height       : 3.6rem;
  border-radius: 0;
}

.coopedia-kldb input:focus,
.coopedia-kldb textarea:focus {
  background: var(--bg-form-focus);
}

.coopedia-kldb .title_form,
.coopedia-kldb .title_form p,
.coopedia-kldb cs-section_introduction h2,
.coopedia-kldb div#mentor-resource-detail cs-display-property[name="name"] p,
.coopedia-kldb div#mentor-resource-validate cs-display-property[name="name"] p,
.coopedia-kldb div#entrepreneur-resource-detail cs-display-property[name="name"] p {
  font-family  : 'var(--typo)';
  font-size    : 2.2rem;
  text-align   : left;
  width        : 100%;
  color        : #444C4D;
  border-bottom: 1px solid #DBE2ED;
  padding      : 0 0 1.5rem 0;
  margin       : 2rem 0 2rem 0;
}

.coopedia-kldb .title_form_avenir {
  font-family  : 'var(--typo-btn)';
  color        : #3D424A;
  border-bottom: 1px solid #C5CCD9;
  padding      : 0 0 1.5rem 0;
  margin       : 2rem 0 2rem 0;
  text-align   : left;
  font-size    : 1.8rem;
  width        : 100%;
  font-weight  : 900;
}

.coopedia-kldb .input_big {
  width: 100%;
}

.coopedia-kldb .input_photo label {
  position: relative;
}

.coopedia-kldb .input_photo {
  text-align: left;
}

.coopedia-kldb .input_photo label div {
  position  : absolute;
  left      : 25%;
  margin-top: 3rem;
}

.coopedia-kldb .input_photo label>input:first-of-type {
  width        : 10rem;
  height       : 10rem;
  border-radius: 50%;
  margin       : 0 3rem 0 0;
  background   : url(../images/telecharger.png) no-repeat 52% 67% var(--bg-form);
  cursor       : pointer;
}

.coopedia-kldb .input_photo label>input[type="file"] {
  position: absolute;
  left    : 0;
  height  : 100px;
  opacity : 0;
  cursor  : pointer;
}

.coopedia-kldb solid-form-label-text[name="iframe_link"] div {
  position: relative;
}

.coopedia-kldb solid-form-label-text[name="iframe_link"] div:before {
  content   : "";
  display   : block;
  width     : 19px;
  height    : 19px;
  background: url(../images/bulle_quest.png) no-repeat;
  top       : 0.4rem;
  left      : 24%;
  position  : absolute;
}

.coopedia-kldb select {
  padding: 0;
}

.coopedia-kldb option {
  border-bottom: 1px solid #DBE2ED;
  padding      : 1rem;
}

.coopedia-kldb button {
  outline: none;
}

/* XXXXXXX MODIF SELECT XXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .ss-main .ss-multi-selected .ss-values,
.coopedia-kldb .ss-main .ss-multi-selected,
.coopedia-kldb div.ss-main,
.coopedia-kldb form .ss-main .ss-multi-selected .ss-values .ss-disabled {
  padding      : 0;
  border-radius: 0;
  color        : #7A8789;
}

.coopedia-kldb form .ss-main .ss-multi-selected .ss-add {
  margin: -5px 12px 0 5px;
}

.coopedia-kldb form .ss-main .ss-multi-selected .ss-values .ss-value {
  margin: 0 0.5rem 0 0;
}

/* ----------------- CHECKBOX ---------------------------*/
.coopedia-kldb .ss-list.checkbox {
  padding-left: 2.5rem;
  color       : #818998;
  font-weight : lighter;
}

.ss-list.checkbox input[type="checkbox"] {
  position: absolute;
  left    : -1000rem;
}

.coopedia-kldb .ss-list.checkbox .ss-option,
.coopedia-kldb .ss-list.checkbox label {
  position   : relative;
  font-weight: lighter;
}

.coopedia-kldb .ss-list.checkbox label {
  font-family: "var(--typo-btn)";
  font-size  : 1.5rem;
  top        : 2rem;
  left       : .5rem;
}

.coopedia-kldb .ss-list.checkbox .ss-option:before,
.coopedia-kldb .ss-list.checkbox label:before {
  content      : "";
  position     : absolute;
  display      : block;
  width        : 1.5rem;
  height       : 1.5rem;
  border       : 2px solid #818998;
  border-radius: 3px;
  left         : -2.5rem;
  top          : .9rem;
  cursor       : pointer;
}

.coopedia-kldb .ss-list.checkbox .ss-option.active:after,
.coopedia-kldb .ss-list.checkbox label:focus:after {
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  content    : "\f00C";
  position   : absolute;
  display    : block;
  width      : 1.5rem;
  height     : 1.5rem;
  left       : -1.95rem;
  top        : .9rem;
}

.coopedia-kldb .ss-list.checkbox label:before {
  left: -2.2rem;
  top : 0.2rem;
}

.coopedia-kldb .ss-list.checkbox label:focus:after {
  left: -2.6rem;
  top : 0;
}

.coopedia-kldb .ss-list.checkbox label:not(:focus):after .coopedia-kldb .ss-list.checkbox label+input[type="checkbox"] {
  position: absolute;
  left    : -10000rem;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX header XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb header#header {
  background: var(--bg-block);
  height    : 10rem;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
  position  : relative;
}

.coopedia-kldb header#header img[alt="Coopstarter"] {
  width        : auto;
  height       : auto;
  border-radius: 0;
}

.coopedia-kldb .avatar {
  width        : 3rem;
  height       : 3rem;
  border-radius: 50%;
  background   : white;
  margin-right : 5rem;
}

.coopedia-kldb header#header .avatar img,
.coopedia-kldb #mentor-resource-detail .avatar img,
.coopedia-kldb #mentor-resource-validate .avatar img,
.coopedia-kldb #entrepreneur-resource-detail .avatar img {
  border-radius: 50%;
}

.coopedia-kldb header select {
  width        : 12.5rem;
  margin-right : 2rem;
  border-radius: 50px;
}

.coopedia-kldb header span.ico_search {
  padding-right: 0;
}

header span.ico_search input {
  width        : 14.5rem;
  margin-right : 2rem;
  border-radius: 50px;
  padding-right: 3rem;
}

.coopedia-kldb header#header solid-form-dropdown>label>div {
  display: none;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX MENU LOGUE XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb #header {
  background: #152935;
  height    : 5rem;
}

.coopedia-kldb #header img {
  width        : 3rem;
  height       : 3rem;
  border-radius: 50%;
  cursor       : pointer;
}

.coopedia-kldb #header .flex,
.coopedia-kldb #header>div {
  height: 100%;
}

.coopedia-kldb #header .flex a {
  display        : inline-block;
  font-size      : 1.8rem;
  font-family    : 'var(--typo-btn)';
  color          : white;
  margin         : 0 0 0 5rem;
  text-decoration: none;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX HEADER DROPDOWNXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .dropdownWrapper {
  display      : inline-block;
  padding      : 0px;
  position     : relative;
  border-radius: 3px;
  text-align   : center;
}

.coopedia-kldb .dropdownWrapper:hover img {
  opacity: .5;
}

.coopedia-kldb .dropdownLabel {
  cursor: pointer;
}

.coopedia-kldb #header .flex .dropdownPanel {
  position        : absolute;
  min-width       : 20rem;
  background-color: #444C4D;
  right           : 59%;
  top             : 5px;
  margin-top      : 35px;
  display         : none;
  z-index         : 2;
}

#header .flex .dropdownPanel ul {
  padding   : 0;
  margin    : 0;
  list-style: none;
}

#header .flex .dropdownPanel a {
  margin: 0;
}

#header .flex .dropdownPanel solid-link,
.coopedia-kldb #header .flex .dropdownPanel p,
.coopedia-kldb #header .flex .dropdownPanel a {
  display        : block;
  padding        : 10px 20px;
  text-decoration: none;
  color          : white;
  transition     : .5s all ease-in;
  cursor         : pointer;
  text-align     : center;
}

#header .flex .dropdownPanel solid-link p,
.coopedia-kldb #header .flex .dropdownPanel p p,
.coopedia-kldb #header .flex .dropdownPanel a p {
  margin : 0;
  padding: 0;
}

#header .flex .dropdownPanel solid-link:hover,
.coopedia-kldb #header .flex .dropdownPanel a:hover {
  background: #2D3132;
}

#header .flex .dropdownPanel li:not(last-child) {
  border-bottom: 1px solid #5E696B;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PAGE LOG XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .logo {
  text-align: center;
  margin    : 10rem 0 var(--marge-base) 0;
  width     : 100%;
}

.coopedia-kldb #splash .block_log {
  max-width: 30rem;
  margin   : 0 auto var(--marge-base) auto;
}

.coopedia-kldb .img_log {
  margin: 0 0 4rem 0;
}

.coopedia-kldb .button__actions>div {
  display: inline-block;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PAGE CREATE COMPTE XXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb figure+figure .img_log {
  margin: 0;
}

h2.title_create {
  font-family: 'var(--typo)';
  font-size  : 2.2rem;
  text-align : center;
  color      : #000;
  padding    : 0 0 1.5rem 0;
  margin     : 2rem 0 2rem 0;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PAGE CREATE COMPTE ENTREPRISE XXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb #entrepreneur-new-account solid-form form input[type="submit"] {
  margin-top: 10rem;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX Home entrepreneur XXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .block_aside_entre {
  background : white;
  margin-left: 2rem;
  padding    : 1.5rem;
  text-align : center;
}

.block_aside_entre p {
  color      : #152935;
  font-size  : 1.4rem;
  font-weight: bold;
  margin     : 2rem 0 2rem 0;
}

.coopedia-kldb .block-g-entre {
  background: white;
  padding   : 2rem;
}

.coopedia-kldb #kldb-search-box-component container,
.coopedia-kldb #public-resource-list container,
.coopedia-kldb #mentor-database container {
  padding-top: 3.5rem;
  display    : block;
}

#kldb-search-box-component container solid-form-placeholder-text[name="name_keyword"],
.coopedia-kldb #public-resource-list container solid-form-placeholder-text[name="name_keyword"],
.coopedia-kldb #mentor-database container solid-form-placeholder-text[name="name_keyword"] {
  float: left;
  width: 76%;
}

#kldb-search-box-component container .keyword_submit div,
.coopedia-kldb #public-resource-list container .keyword_submit div,
.coopedia-kldb #mentor-database container .keyword_submit div {
  float     : right;
  margin-top: 0;
  width     : 20%;
  top       : -3.5rem;
}

#kldb-search-box-component container cs-section_header[name="header_criterias"] h2.title_form,
.coopedia-kldb #public-resource-list container cs-section_header[name="header_criterias"] h2.title_form,
.coopedia-kldb #mentor-database container cs-section_header[name="header_criterias"] h2.title_form {
  font-family   : 'var(--typo-btn)';
  font-size     : 1.4rem;
  color         : var(--clr-typo-base);
  border-bottom : 1px solid #DBE2ED;
  margin        : 5rem 0 2rem 0;
  padding-bottom: .5rem;
}

#kldb-search-box-component container .tablink,
.coopedia-kldb #public-resource-list container .tablink,
.coopedia-kldb #mentor-database container .tablink {
  width: 50%;
}

#kldb-search-box-component container .tablink+.block_log,
.coopedia-kldb #public-resource-list container .tablink+.block_log,
.coopedia-kldb #mentor-database container .tablink+.block_log {
  background: none;
  padding   : var(--marge-base) 0;
}

#kldb-search-box-component container .step,
.coopedia-kldb #public-resource-list container .step,
.coopedia-kldb #mentor-database container .step {
  background        : white;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow   : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
  box-shadow        : 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
  padding           : 2rem;
  margin-bottom     : 1.5rem;
}

#kldb-search-box-component container .step cs-steps-header div,
.coopedia-kldb #public-resource-list container .step cs-steps-header div,
.coopedia-kldb #mentor-database container .step cs-steps-header div {
  cursor: pointer;
}

#kldb-search-box-component container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #public-resource-list container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #mentor-database container .step cs-display-property[name="publication_year"] p {
  font-size    : 1.4rem;
  font-weight  : bold;
  margin-bottom: 1rem;
}

#kldb-search-box-component container .step cs-display-property p,
.coopedia-kldb #public-resource-list container .step cs-display-property p,
.coopedia-kldb #mentor-database container .step cs-display-property p {
  margin-bottom: 0;
}

#kldb-search-box-component container .step cs-display-property[name="name"] p,
.coopedia-kldb #public-resource-list container .step cs-display-property[name="name"] p,
.coopedia-kldb #mentor-database container .step cs-display-property[name="name"] p {
  float: left;
}

#kldb-search-box-component container .step cs-display-resource-property[name="format.name"],
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"],
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] {
  float: right;
}

#kldb-search-box-component container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #public-resource-list container .step cs-display-property[name="publication_year"] p,
.coopedia-kldb #mentor-database container .step cs-display-property[name="publication_year"] p {
  clear: both;
}

#kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p {
  border-radius   : 5px;
  background-color: #5DC6F2;
  padding         : .5rem;
  font-family     : 'var(--typo-btn)';
  color           : var(--bg-block);
  text-decoration : none;
  text-align      : center;
  font-size       : 1.4rem;
  border          : 2px solid #5DC6F2;
  cursor          : pointer;
  display         : inline-block;
  margin          : .5rem;
  transition      : .4s all ease-in;
}

#kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p:hover,
.coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"] p:hover,
.coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p:hover {
  background-color: var(--bg-block);
  color           : #5DC6F2;
}

#kldb-search-box-component container .step div solid-display div,
.coopedia-kldb #public-resource-list container .step div solid-display div,
.coopedia-kldb #mentor-database container .step div solid-display div {
  padding: 1.5rem;
}

#kldb-search-box-component container .step div solid-display:nth-child(odd) div,
.coopedia-kldb #public-resource-list container .step div solid-display:nth-child(odd) div,
.coopedia-kldb #mentor-database container .step div solid-display:nth-child(odd) div {
  background: #F7F9FE;
  cursor    : pointer;
}

#kldb-search-box-component container .step div solid-display:nth-child(even) div,
.coopedia-kldb #public-resource-list container .step div solid-display:nth-child(even) div,
.coopedia-kldb #mentor-database container .step div solid-display:nth-child(even) div {
  background: white;
  cursor    : pointer;
}

#kldb-search-box-component container .step cs-steps-header p,
.coopedia-kldb #public-resource-list container .step cs-steps-header p,
.coopedia-kldb #mentor-database container .step cs-steps-header p {
  margin-bottom: 1.5rem;
  color        : var(--clr-roll-black);
}

#kldb-search-box-component container .step cs-steps-header p b,
.coopedia-kldb #public-resource-list container .step cs-steps-header p b,
.coopedia-kldb #mentor-database container .step cs-steps-header p b {
  text-transform: uppercase;
}

.coopedia-kldb #kldb-search-box-component .step div div,
.coopedia-kldb #public-resource-list .step div div,
.coopedia-kldb #mentor-database .step div div {
  position: relative;
}

#kldb-search-box-component .step div div fake-like,
.coopedia-kldb #kldb-search-box-component .step div div fake-dislike,
#public-resource-list .step div div fake-like,
#public-resource-list .step div div fake-dislike,
#mentor-database .step div div fake-like,
#mentor-database .step div div fake-dislike {
  position: absolute;
  top     : 2.7rem;
  right   : 20%;
  cursor  : pointer;
}

#kldb-search-box-component .step div div fake-like p,
.coopedia-kldb #kldb-search-box-component .step div div fake-dislike p,
#public-resource-list .step div div fake-like p,
#public-resource-list .step div div fake-dislike p,
#mentor-database .step div div fake-like p,
#mentor-database .step div div fake-dislike p {
  color     : #444C4D;
  font-size : 1.5rem;
  transition: .3s all ease-in;
}

#kldb-search-box-component .step div div fake-like p:hover,
.coopedia-kldb #kldb-search-box-component .step div div fake-dislike p:hover,
#public-resource-list .step div div fake-like p:hover,
#public-resource-list .step div div fake-dislike p:hover,
#mentor-database .step div div fake-like p:hover,
#mentor-database .step div div fake-dislike p:hover {
  color: #5DC6F2;
}

#kldb-search-box-component .step div div fake-dislike,
#public-resource-list .step div div fake-dislike,
#mentor-database .step div div fake-dislike {
  right: 15%;
}

.coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p,
.coopedia-kldb #public-resource-list cs-display-property[name="name"] p,
.coopedia-kldb #mentor-database cs-display-property[name="name"] p {
  font-size   : 1.6rem;
  color       : var(--clr-roll-black);
  padding-left: 2.5rem;
}

.coopedia-kldb .more_criterias.flex.flex_espace {
  width: 100%;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX LISTE RESSOURCE XXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .fas.fa-spinner.fa-spin {
  font-size: 3rem;
  color    : var(--bg-btn-base);
}

.coopedia-kldb .fd_bleu {
  width     : 100%;
  background: var(--bg-btn-base);
  color     : white;
  font-size : 2rem;
  padding   : 2rem 2rem;
  margin    : 0;
}

/* Style tab links */
.coopedia-kldb .tabs {
  margin-top: 20px;
  overflow  : hidden;
  width     : 100%;
}

.coopedia-kldb .tablink {
  background : var(--bg-page);
  color      : #818998;
  float      : left;
  border     : none;
  outline    : none;
  cursor     : pointer;
  font-size  : 2rem;
  text-align : center;
  line-height: 2;
  width      : 33.33%;
  transition : all .3s ease;
  position   : relative;
}

.coopedia-kldb .tablink.active {
  border-bottom: solid 7px var(--bg-btn-base);
  color        : black;
}

.coopedia-kldb .tablink:before {
  content   : "";
  display   : block;
  width     : 0;
  height    : 7px;
  position  : absolute;
  bottom    : -7px;
  background: var(--bg-btn-base);
  transition: all .3s ease;
}

.coopedia-kldb .tablink:hover:before {
  width: 100%;
}

.coopedia-kldb .tablink:hover {
  color: black;
}

/* Style the tab content (and add height:100% for full page content) */
.coopedia-kldb .tabcontent {
  display           : none;
  /*background-color:#888;*/
  padding-top       : 40px;
  margin-bottom     : 40px;
  height            : 100%;
  font-size         : 1.8rem;
  line-height       : 1.6;
  color             : black;
}

.coopedia-kldb .tabcontent p {
  color        : black;
  margin-bottom: 0;
}

.coopedia-kldb .tabcontent cs-action {
  cursor: pointer;
}

.coopedia-kldb .tabcontent solid-display>div>solid-display>div {
  padding: 20px;
}

.coopedia-kldb .tabcontent solid-display>div>solid-display:nth-of-type(odd)>div {
  background-color: #ECF1FB;
}

.coopedia-kldb .tabcontent solid-display>div>solid-display:nth-of-type(even)>div {
  background-color: white;
}

.coopedia-kldb solid-set-default[name="content"]>* {
  display    : block;
  width      : 100%;
  text-align : left;
  font-family: "var(--typo-btn)";
  font-size  : 1.4rem;
}

.coopedia-kldb div .tit_element_list {
  color    : var(--clr-roll-black);
  font-size: 1.6rem;
}

.coopedia-kldb #resources-history solid-set-default {
  margin-bottom: 4rem;
}

.coopedia-kldb #resources-history hidden-widget {
  display: none;
}

.coopedia-kldb #resources-history cs-section_header[name="header_criterias"] h2.title_form {
  font-family   : 'var(--typo-btn)';
  font-size     : 1.4rem;
  color         : var(--clr-typo-base);
  border-bottom : 1px solid #DBE2ED;
  margin        : 5rem 0 2rem 0;
  padding-bottom: .5rem;
}

.coopedia-kldb solid-display#pending-resources div {
  clear: both;
}

.coopedia-kldb .contenu_list {
  height: 0;
}

.coopedia-kldb .contenu_list cs-display-multiple-property {
  display: block;
}
.coopedia-kldb cs-display-resource-property.contenu_list {
  display: block;
}

cs-display-resource-property.contenu_list p {
  float: left;
}

.coopedia-kldb div .contenu_list p,
.coopedia-kldb div .contenu_list label {
  color       : var(--clr-typo-base);
  font-size   : 1.4rem;
  float       : left;
  margin-right: 1rem;
}

.coopedia-kldb solid-display-value,
.coopedia-kldb solid-multiple label,
.coopedia-kldb cs-resource-status div {
  font-weight: bold;
}

.coopedia-kldb solid-multiple label {
  margin-right: 1rem;
}

.coopedia-kldb #resources-history cs-resource-status[name="review.status"] {
  width     : 100%;
  display   : block;
  text-align: right;
}

#resources-history cs-resource-status[name="review.status"] div {
  display    : inline-block;
  font-family: "var(--typo-btn)";
}

.coopedia-kldb #resources-history .fas {
  color      : var(--bg-btn-base);
  margin-left: 2.5rem;
  font-size  : 1.5rem;
  transition : .3s all ease-in;
  cursor     : pointer;
}

#resources-history .fas:hover {
  color: var(--clr-roll-black);
}

.coopedia-kldb solid-multiple label,
.coopedia-kldb cs-resource-status[name="review.status"]+* {
  float: left;
  width: auto;
}

.coopedia-kldb .button_pending {
  background   : #5DC6F2;
  border-radius: 4px;
  border       : none;
  cursor       : pointer;
}

.coopedia-kldb #pending-resources>div solid-display[label-validate="Check ->"]>div {
  display        : flex;
  justify-content: space-between;
}

.coopedia-kldb #reviews .backlink {
  margin: 0;
}

.coopedia-kldb #pending-resources solid-set-default[name="content"] solid-display-value {
  font-size    : 1.6rem;
  color        : #444C4D;
  margin-bottom: 2rem;
}

.coopedia-kldb #pending-resources solid-set-default[name="info"] {
  justify-content: flex-start;
}

#pending-resources solid-set-default[name="info"] cs-display-resource-property {
  margin-right: 0rem;
}

#pending-resources solid-set-default[name="info"] cs-display-resource-property p,
.coopedia-kldb #pending-resources solid-set-default[name="info"] cs-display-resource-property b {
  color    : var(--clr-typo-base);
  font-size: 1.4rem;
}

.coopedia-kldb .request_accordion h2 {
  font-size  : 1.4rem;
  color      : #444C4D;
  text-align : left;
  cursor     : pointer;
  font-weight: bold;
  font-family: "var(--typo-btn)";
}

.coopedia-kldb .request_accordion solid-set-default[name="info"] {
  justify-content: flex-start;
}

.request_accordion solid-set-default[name="info"] cs-display-resource-property {
  margin-right: 7rem;
  float       : left;
}

.request_accordion solid-set-default[name="info"] cs-display-resource-property p,
.coopedia-kldb .request_accordion solid-set-default[name="info"] cs-display-resource-property b {
  color    : var(--clr-typo-base);
  font-size: 1.4rem;
}

.coopedia-kldb .check_ressource>div {
  position: relative;
  top     : 35%;
}

.coopedia-kldb #requests solid-multiple {
  margin-right: 7rem;
}

#requests solid-multiple label,
.coopedia-kldb #requests solid-multiple cs-display-multiple-property[name="fields"] p {
  color      : var(--clr-typo-base);
  font-size  : 1.4rem;
  margin     : 0 1rem 0 0;
  font-family: 'var(--typo-btn)';
}

#requests solid-multiple cs-display-multiple-property[name="fields"] {
  float: left;
}

.coopedia-kldb .request_accordion solid-set-default cs-validate-action div {
  position: relative;
  top     : -1rem;
}

.coopedia-kldb .request_accordion accordion-request-resource h2 {
  position: relative;
}

.coopedia-kldb .request_accordion accordion-request-resource h2:after {
  font-family     : "Font Awesome 5 pro";
  content         : "\f078";
  font-weight     : 900;
  position        : absolute;
  display         : block;
  width           : 1.5rem;
  height          : 1.5rem;
  right           : 1.4rem;
  top             : 0rem;
  transform-origin: .7rem .7rem;
  transform       : rotate(0);
  transition      : .2s all ease-in;
}

.coopedia-kldb .request_accordion accordion-request-resource.active h2:hover:after {
  color: var(--bg-btn-base);
}

.coopedia-kldb .request_accordion accordion-request-resource.active h2:after {
  transform: rotate(180deg);
}

.coopedia-kldb .accordion:not(.active)+.panel solid-form+div {
  overflow  : hidden;
  transition: max-height 0.2s ease-out;
  max-height: 0;
}

.coopedia-kldb .accordion.active+.panel solid-form+div {
  overflow  : hidden;
  transition: max-height 0.2s ease-out;
  max-height: 1500px;
}

/*XXXXXXXXXXXXXXXXXXXXX DETAIL RESSOURCES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb .format_type p {
  border-radius   : 5px;
  background-color: #5DC6F2;
  padding         : .5rem;
  font-family     : 'var(--typo-btn)';
  color           : var(--bg-block);
  text-decoration : none;
  text-align      : center;
  font-size       : 1.4rem;
  border          : 2px solid #5DC6F2;
  cursor          : pointer;
  display         : inline-block;
  margin          : .5rem;
  transition      : .4s all ease-in;
  float           : right;
}

.format_type p:hover {
  background-color: var(--bg-block);
  color           : #5DC6F2;
}

.coopedia-kldb cs-display-step-property[label="Step"] p {
  font-weight   : bold;
  border-bottom : #5DC6F2 solid 3px;
  width         : auto;
  float         : left;
  padding-bottom: .5rem;
}

.coopedia-kldb cs-display-resource-property[name="format.name"]+* {
  clear: both;
}

.coopedia-kldb solid-set-default[name="submitter_info"] {
  display: block;
}

solid-set-default[name="submitter_info"] cs-display-resource-property:first-child b {
  display: block;
}

solid-set-default[name="submitter_info"] cs-display-resource-property[name="skills"] p {
  margin-bottom: 2rem;
}

solid-set-default[name="submitter_info"] p {
  font-size    : 1.4rem;
  margin-bottom: 1rem;
  color        : #3D424A;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXX Modal XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb #confirm_suppress,
.coopedia-kldb #confirm_status_change,
.coopedia-kldb #resource-validation-process,
.coopedia-kldb #resource-validation-process-confirmation {
  border        : none;
  top           : 0;
  padding       : 0;
  width         : 100%;
  height        : auto;
  padding-bottom: 70%;
  background    : rgba(0, 0, 0, 0.7);
}

#confirm_suppress>div,
.coopedia-kldb #confirm_status_change>div,
.coopedia-kldb #resource-validation-process>div,
#resource-validation-process-confirmation>div {
  margin    : 25% auto 25% auto;
  width     : 50rem;
  background: white;
  padding   : 2rem;
  text-align: center;
  position  : relative;
}

#confirm_suppress>div .fas.fa-times:before,
.coopedia-kldb #confirm_status_change>div .fas.fa-times:before,
.coopedia-kldb #resource-validation-process>div .fas.fa-times:before,
#resource-validation-process-confirmation>div .fas.fa-times:before {
  top: 2rem;
}

#confirm_suppress solid-link.backlink,
.coopedia-kldb #confirm_status_change solid-link.backlink,
.coopedia-kldb #resource-validation-process solid-link.backlink,
#resource-validation-process-confirmation solid-link.backlink {
  margin: 0;
}

#confirm_suppress h1,
.coopedia-kldb #confirm_status_change h1,
.coopedia-kldb #resource-validation-process h1,
#resource-validation-process-confirmation h1 {
  font-family  : var(--typo);
  font-size    : 2.2rem;
  margin       : 0 0 2rem 0;
  font-weight  : normal;
  padding-top  : 2rem;
  color        : #444C4D;
  border-bottom: 1px solid #DBE2ED;
}

#confirm_suppress p,
.coopedia-kldb #confirm_status_change p,
.coopedia-kldb #resource-validation-process p,
#resource-validation-process-confirmation p {
  text-align: center;
}

.coopedia-kldb #resource-validation-process,
.coopedia-kldb #resource-validation-process-confirmation {
  padding-bottom: 30%;
}

#resource-validation-process>div,
.coopedia-kldb #resource-validation-process-confirmation>div {
  width : 75%;
  margin: 0 auto 25% auto;
}

#resource-validation-process h2,
.coopedia-kldb #resource-validation-process-confirmation h2 {
  width      : 100%;
  text-align : center;
  font-family: "var(--typo)";
  font-size  : 2rem;
  margin-top : 5rem;
  color      : var(--clr-roll-black);
}

#resource-validation-process div,
.coopedia-kldb #resource-validation-process-confirmation div {
  background: url("../images/valid_fd.png") no-repeat center 43% white;
}

#resource-validation-process div .like,
.coopedia-kldb #resource-validation-process-confirmation div .like {
  background: none;
}

#resource-validation-process div figure,
.coopedia-kldb #resource-validation-process-confirmation div figure {
  margin: 5rem 0;
}

#resource-validation-process div figure figcaption,
.coopedia-kldb #resource-validation-process-confirmation div figure figcaption {
  font-family: "var(--typo-btn)";
  margin     : 2rem auto 0 auto;
  color      : var(--clr-typo-base);
  font-size  : 1.6rem;
}

.coopedia-kldb #mentor-resource-detail,
.coopedia-kldb #entrepreneur-resource-detail,
.coopedia-kldb #mentor-resource-validate,
.coopedia-kldb #entrepreneur-request-create,
.coopedia-kldb #public-resource-detail {
  border        : none;
  top           : 0;
  padding       : 0;
  width         : 100%;
  height        : auto;
  padding-bottom: 30%;
  background    : rgba(0, 0, 0, 0.7);
}

#mentor-resource-detail .block_creat_count,
.coopedia-kldb #entrepreneur-resource-detail .block_creat_count,
.coopedia-kldb #mentor-resource-validate .block_creat_count,
.coopedia-kldb #entrepreneur-request-create .block_creat_count,
.coopedia-kldb #public-resource-detail .block_creat_count {
  margin: 0 0 0 auto;
}

#mentor-resource-detail .block_creat_count img[name="preview_image"],
.coopedia-kldb #entrepreneur-resource-detail .block_creat_count img[name="preview_image"],
.coopedia-kldb #mentor-resource-validate .block_creat_count img[name="preview_image"],
.coopedia-kldb #entrepreneur-request-create .block_creat_count img[name="preview_image"],
.coopedia-kldb #public-resource-detail .block_creat_count img[name="preview_image"] {
  margin-top: 3rem;
}

#mentor-resource-detail h2.title_form,
.coopedia-kldb #entrepreneur-resource-detail h2.title_form,
.coopedia-kldb #mentor-resource-validate h2.title_form,
.coopedia-kldb #entrepreneur-request-create h2.title_form,
.coopedia-kldb #public-resource-detail h2.title_form {
  margin-top: 3rem;
}

#mentor-resource-detail .title_form,
.coopedia-kldb #entrepreneur-resource-detail .title_form,
.coopedia-kldb #mentor-resource-validate .title_form,
.coopedia-kldb #entrepreneur-request-create .title_form,
.coopedia-kldb #public-resource-detail .title_form {
  font-size  : 1.6rem;
  color      : #3D424A;
  font-family: 'var(--typo-btn)';
  text-align : left;
  border     : none;
  font-weight: normal;
  margin     : 0 0 1.5rem 0;
  padding    : 0;
}

#mentor-resource-detail .title_form p,
.coopedia-kldb #entrepreneur-resource-detail .title_form p,
.coopedia-kldb #mentor-resource-validate .title_form p,
.coopedia-kldb #entrepreneur-request-create .title_form p,
.coopedia-kldb #public-resource-detail .title_form p {
  font-size  : 2.2rem;
  margin     : 0 0 2rem 0;
  font-weight: normal;
  padding-top: 0;
}

#mentor-resource-detail cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #entrepreneur-resource-detail cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #mentor-resource-validate cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #entrepreneur-request-create cs-display-resource-property[name="format.name"] p,
.coopedia-kldb #public-resource-detail cs-display-resource-property[name="format.name"] p {
  text-align: right;
}

#mentor-resource-detail .avatar,
.coopedia-kldb #entrepreneur-resource-detail .avatar,
.coopedia-kldb #mentor-resource-validate .avatar,
.coopedia-kldb #entrepreneur-request-create .avatar,
.coopedia-kldb #public-resource-detail .avatar {
  float       : left;
  margin-right: 1rem;
}

#mentor-resource-detail .steps cs-display-step-property p,
.coopedia-kldb #entrepreneur-resource-detail .steps cs-display-step-property p,
.coopedia-kldb #mentor-resource-validate .steps cs-display-step-property p,
.coopedia-kldb #entrepreneur-request-create .steps cs-display-step-property p,
.coopedia-kldb #public-resource-detail .steps cs-display-step-property p {
  color        : #3D424A;
  font-size    : 1.6rem;
  padding-right: 1rem;
  margin-right : .5rem;
}

#mentor-resource-detail .like,
.coopedia-kldb #entrepreneur-resource-detail .like,
.coopedia-kldb #mentor-resource-validate .like,
.coopedia-kldb #entrepreneur-request-create .like,
.coopedia-kldb #public-resource-detail .like {
  display        : flex;
  flex-wrap      : nowrap;
  justify-content: flex-end;
}

#mentor-resource-detail .like p.backlink,
.coopedia-kldb #entrepreneur-resource-detail .like p.backlink,
.coopedia-kldb #mentor-resource-validate .like p.backlink,
.coopedia-kldb #entrepreneur-request-create .like p.backlink,
.coopedia-kldb #public-resource-detail .like p.backlink {
  font-size      : 1.4rem;
  margin         : 0 0 0 2.5rem;
  text-decoration: none;
}

#mentor-resource-detail .resource-author p,
.coopedia-kldb #mentor-resource-detail .validator_ressource p,
.coopedia-kldb #entrepreneur-resource-detail .resource-author p,
.coopedia-kldb #entrepreneur-resource-detail .validator_ressource p,
.coopedia-kldb #mentor-resource-validate .resource-author p,
.coopedia-kldb #mentor-resource-validate .validator_ressource p,
.coopedia-kldb #entrepreneur-request-create .resource-author p,
.coopedia-kldb #entrepreneur-request-create .validator_ressource p,
.coopedia-kldb #public-resource-detail .resource-author p,
.coopedia-kldb #public-resource-detail .validator_ressource p {
  color        : var(--clr-typo-base);
  font-size    : 1.4rem;
  margin-bottom: 2.5rem;
}

#mentor-resource-detail .resource-author b,
.coopedia-kldb #mentor-resource-detail .validator_ressource b,
.coopedia-kldb #entrepreneur-resource-detail .resource-author b,
.coopedia-kldb #entrepreneur-resource-detail .validator_ressource b,
.coopedia-kldb #mentor-resource-validate .resource-author b,
.coopedia-kldb #mentor-resource-validate .validator_ressource b,
.coopedia-kldb #entrepreneur-request-create .resource-author b,
.coopedia-kldb #entrepreneur-request-create .validator_ressource b,
.coopedia-kldb #public-resource-detail .resource-author b,
.coopedia-kldb #public-resource-detail .validator_ressource b {
  display: block;
  color  : var(--clr-roll-black);
}

#mentor-resource-detail cs-display-link *,
.coopedia-kldb #mentor-resource-detail solid-link,
.coopedia-kldb #entrepreneur-resource-detail cs-display-link *,
.coopedia-kldb #entrepreneur-resource-detail solid-link,
.coopedia-kldb #mentor-resource-validate cs-display-link *,
.coopedia-kldb #mentor-resource-validate solid-link,
.coopedia-kldb #entrepreneur-request-create cs-display-link *,
.coopedia-kldb #entrepreneur-request-create solid-link,
.coopedia-kldb #public-resource-detail cs-display-link *,
.coopedia-kldb #public-resource-detail solid-link {
  margin: 0;
}

#mentor-resource-detail .broken solid-link,
.coopedia-kldb #entrepreneur-resource-detail .broken solid-link,
.coopedia-kldb #mentor-resource-validate .broken solid-link,
.coopedia-kldb #entrepreneur-request-create .broken solid-link,
.coopedia-kldb #public-resource-detail .broken solid-link {
  margin: 1rem 0 0 3rem;
}

#mentor-resource-detail cs-display-property p,
.coopedia-kldb #entrepreneur-resource-detail cs-display-property p,
.coopedia-kldb #mentor-resource-validate cs-display-property p,
.coopedia-kldb #entrepreneur-request-create cs-display-property p,
.coopedia-kldb #public-resource-detail cs-display-property p {
  clear      : both;
  padding-top: 2rem;
}

.coopedia-kldb #entrepreneur-request-create h2.title_form,
.coopedia-kldb #public-resource-list cs-display-property[name="name"].title_form p {
  font-family  : 'var(--typo)';
  font-size    : 2.2rem;
  color        : #444C4D;
  padding      : 0 0 1.5rem 0;
  margin       : 0 0 2rem 0;
  border-bottom: 1px solid #DBE2ED;
}

#entrepreneur-request-create h2.title_form+p,
.coopedia-kldb #public-resource-list cs-display-property[name="name"].title_form p+p {
  width         : 80%;
  display       : inline-block;
  font-size     : 1.6rem;
  text-align    : left;
  vertical-align: top;
  padding-top   : .5rem;
  margin-right  : 2rem;
}

.coopedia-kldb #entrepreneur-request-create form h2.title_form {
  font-family: 'var(--typo-btn)';
  font-size  : 1.6rem;
  color      : #3D424A;
  font-weight: bold;
}

.coopedia-kldb #mentor-resource-detail a,
.coopedia-kldb #mentor-resource-validate a,
.coopedia-kldb #entrepreneur-resource-detail a,
.coopedia-kldb #public-resource-detail a {
  text-decoration: none;
  display        : inline-block;
  margin         : 0;
}

.coopedia-kldb solid-set-default[name="specifications"]>cs-display-resource-property,
.coopedia-kldb solid-set-default[name="specifications"]>solid-multiple {
  display   : block;
  float     : left;
  width     : 33%;
  border    : 1px solid var(--bg-page);
  padding   : 2rem 0;
  background: var(--bg-form-focus);
  margin-top: 1px;
}

solid-set-default[name="specifications"]>cs-display-resource-property p,
solid-set-default[name="specifications"]>solid-multiple p {
  text-align: center;
  margin    : 0;
  font-size : 1.4rem;
}

.coopedia-kldb .solid-conversation div.conversation-form {
  border  : none;
  position: relative;
}

.coopedia-kldb div.solid-conversation textarea {
  border-radius: 0;
  background   : white;
  height       : 4.5rem;
  padding      : 1.5rem 1rem 1rem 3.2rem;
  font-size    : 1.6rem;
}

.coopedia-kldb div.solid-conversation div.conversation-form:before {
  content    : "\f27a";
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  position   : absolute;
  display    : block;
  width      : 1.5rem;
  height     : 1.5rem;
  top        : 5.5rem;
  left       : 2rem;
  color      : var(--bg-btn-base);
}

.coopedia-kldb .solid-conversation form {
  overflow: hidden;
}

.solid-conversation form input[type="submit"] {
  float: right;
}

.coopedia-kldb .fas.fa-times {
  font-size: 2rem;
}

.fas.fa-times:before {
  position: absolute;
  right   : 18px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX PROFILE XXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb cs-profile-picture {
  width       : 8.5rem;
  height      : 8.5rem;
  float       : left;
  margin-right: 1.5rem;
}

cs-profile-picture img {
  border-radius: 50%;
}

.coopedia-kldb cs-display-property[name="name"] p {
  font-size  : 2rem;
  font-weight: bold;
  margin     : 0;
}

.coopedia-kldb cs-display-property[name="mentor_profile.country.name"] p {
  clear: both;
}

.coopedia-kldb .contact_profil p {
  color : var(--bg-block);
  cursor: pointer;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX ELEMENTS CACHES XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.coopedia-kldb header span.ico_search input,
.coopedia-kldb header .ico_search:before {
  display: none;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (max-width: 800px) {

  /* Partie entrepreneur */
  .container_min {
    width: 100%;
  }

  .block_aside_entre {
    display: none;
  }

  .block_list .w_75 {
    width: 100%;
  }

  input,
  .coopedia-kldb textarea,
  .coopedia-kldb select,
  .coopedia-kldb form .ss-main .ss-multi-selected {
    height: 4.6rem;
  }

  #kldb-search-box-component container .keyword_submit div,
  .coopedia-kldb #public-resource-list container .keyword_submit div,
  .coopedia-kldb #mentor-database container .keyword_submit div {
    top: -5rem;
  }

  .button_base,
  .coopedia-kldb input[type="submit"] {
    padding: 1.8rem 0.9rem 1.8rem 0.9rem;
  }

  #mentor-resource-detail a,
  .coopedia-kldb #entrepreneur-resource-detail a,
  .coopedia-kldb #mentor-resource-validate a,
  .coopedia-kldb #public-resource-detail a {
    padding: 1.8rem 0.9rem 1.8rem 2.9rem;
  }

  .ico_gauche:before,
  .coopedia-kldb ico_droite:before,
  .coopedia-kldb #mentor-resource-detail a:before,
  .coopedia-kldb #mentor-resource-validate a:before,
  .coopedia-kldb #entrepreneur-resource-detail a:before,
  .coopedia-kldb #kldb-search-box-component cs-display-property[name="name"] p:before,
  .coopedia-kldb #confirm_suppress button:before,
  .coopedia-kldb header span:before,
  .coopedia-kldb #public-resource-detail cs-display-link[label="Link to resource"] a:before {
    left: 1rem;
    top : 1.7rem;
  }

  #mentor-resource-detail .broken solid-link,
  .coopedia-kldb #entrepreneur-resource-detail .broken solid-link,
  .coopedia-kldb #mentor-resource-validate .broken solid-link,
  .coopedia-kldb #entrepreneur-request-create .broken solid-link,
  .coopedia-kldb #public-resource-detail .broken solid-link {
    margin: 2rem 0 0 3rem;
  }

  #mentor-resource-detail,
  .coopedia-kldb #entrepreneur-resource-detail,
  .coopedia-kldb #mentor-resource-validate,
  .coopedia-kldb #entrepreneur-request-create,
  .coopedia-kldb #public-resource-detail {
    padding: 1rem 1rem 30% 1rem;
  }

  #entrepreneur-resource-detail solid-set-default[name="content"],
  #mentor-resource-detail solid-set-default[name="content"],
  #public-resource-detail solid-set-default[name="content"] {
    width: 100%;
  }

  #entrepreneur-account .button__actions,
  .coopedia-kldb #mentor-account .button__actions {
    width     : 100%;
    text-align: center;
  }

  #entrepreneur-account .button__actions>div,
  .coopedia-kldb #mentor-account .button__actions>div {
    display: inline-block;
  }

  #entrepreneur-account .button__actions>div:first-child div,
  .coopedia-kldb #mentor-account .button__actions>div:first-child div {
    padding: 1.8rem 0.9rem 1.8rem 2.9rem;
  }

  #entrepreneur-account .button__actions+.profile_information,
  .coopedia-kldb #mentor-account .button__actions+.profile_information {
    margin: 1rem;
  }

  #entrepreneur-account .button__actions+.profile_information .button_edit,
  .coopedia-kldb #mentor-account .button__actions+.profile_information .button_edit {
    right: -.5rem;
  }

  .format_type p,
  .coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p,
  .coopedia-kldb #kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p,
  .coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"] p,
  .coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] p {
    padding: 1.5rem;
  }

  /* Partie mentor */
  .button__actions .resources__newresource .button_base,
  #mentor-resource-list .button__actions .dashboard__database .button_base,
  #confirm_suppress button,
  .coopedia-kldb .ico_database {
    padding: 1.8rem 0.9rem 1.8rem 2.9rem;
  }

  #confirm_suppress>div,
  .coopedia-kldb #confirm_status_change>div,
  .coopedia-kldb #resource-validation-process>div,
  .coopedia-kldb #resource-validation-process-confirmation>div {
    margin-top: 5%;
  }

  /* Partie public */
  #public-resource-list container .step cs-display-resource-property[name="format.name"] p {
    padding: 1.5rem;
  }

  #kldb-search-box-component .step div div fake-dislike,
  .coopedia-kldb #public-resource-list .step div div fake-dislike,
  .coopedia-kldb #mentor-database .step div div fake-dislike {
    right: 25%;
  }

  #kldb-search-box-component .step div div fake-like,
  .coopedia-kldb #public-resource-list .step div div fake-like,
  .coopedia-kldb #mentor-database .step div div fake-like {
    right: 30%;
  }

  #kldb-search-box-component cs-display-property[name="name"] p:before {
    top : 0;
    left: 0;
  }

  .solid-conversation [name="conversation-wrapper"],
  .solid-conversation [name="message-wrapper"],
  solid-display[nested-field="conversations"],
  solid-display[nested-field="dislikes"],
  solid-display[nested-field="likes"] {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  .block_log {
    padding: var(--marge-base-750);
  }
}

@media screen and (max-width: 660px) {
  .coopedia-kldb div:not(#public-dashboard) header#header {
    height        : auto;
    padding-bottom: 2rem;
  }

  .coopedia-kldb .container_min+.block_list .button__actions:not(.keyword_submit) {
    display        : flex;
    justify-content: space-between;
    width          : 100%;
    flex-wrap      : wrap;
  }

  .coopedia-kldb div:not(#public-dashboard) header>div>.flex {
    flex-direction: column;
    flex-wrap     : nowrap;
  }

  .coopedia-kldb div:not(#public-dashboard) header>div>.flex .flex {
    width : 90%;
    margin: 0 auto;
  }

  .coopedia-kldb div:not(#public-dashboard) header>div>.flex .flex figure {
    margin: 0;
  }

  .coopedia-kldb div:not(#public-dashboard) header>div>.flex .logo_head {
    margin: 2rem;
  }

  solid-form-label-text,
  .coopedia-kldb solid-multiple-select,
  .coopedia-kldb solid-form-dropdown,
  .coopedia-kldb solid-form-auto-completion,
  .coopedia-kldb solid-form-number {
    width: 100%;
  }

  .input_photo {
    margin: 1rem;
  }

  solid-set-default[name="specifications"] {
    flex-direction: column;
  }

  solid-set-default[name="specifications"]>cs-display-resource-property,
  .coopedia-kldb solid-set-default[name="specifications"]>solid-multiple {
    width: 100%;
  }

  #confirm_suppress>div {
    width: 80%;
  }

  #kldb-search-box-component .step div div fake-dislike,
  .coopedia-kldb #public-resource-list .step div div fake-dislike,
  .coopedia-kldb #mentor-database .step div div fake-dislike {
    top  : 8.7rem;
    right: 5%;
  }

  #kldb-search-box-component .step div div fake-like,
  .coopedia-kldb #public-resource-list .step div div fake-like,
  .coopedia-kldb #mentor-database .step div div fake-like {
    right: 15%;
    top  : 8.7rem;
  }

  #kldb-search-box-component container .step cs-display-resource-property[name="format.name"],
  .coopedia-kldb #public-resource-list container .step cs-display-resource-property[name="format.name"],
  .coopedia-kldb #mentor-database container .step cs-display-resource-property[name="format.name"] {
    margin-bottom: 2rem;
  }

  #mentor-resource-detail .like,
  .coopedia-kldb #entrepreneur-resource-detail .like,
  .coopedia-kldb #mentor-resource-validate .like,
  .coopedia-kldb #entrepreneur-request-create .like,
  .coopedia-kldb #public-resource-detail .like {
    position: absolute;
    right   : 9px;
    top     : 10px;
  }
}

@media screen and (max-width: 501px) {

  #kldb-search-box-component container .step cs-display-resource-property[name="format.name"] p,
  #public-resource-list container .step cs-display-resource-property[name="format.name"] p,
  #public-resource-list .step div div fake-like,
  #public-resource-list .step div div fake-dislike,
  #kldb-search-box-component .step div div fake-like,
  #kldb-search-box-component .step div div fake-dislike {
    display: none !important;
  }
}

.coopedia-kldb [hidden] {
  display: none !important;
}