/*
    Document   : formulaires
    Created on : 2 déc. 2010, 15:43:15
    Author     : meyer
    Description:
        Purpose of the stylesheet follows.
*/

#mod_search .form_main {
  background: #fff url(images/fond_search.png) repeat-x;
  border: solid 1px #c5c5c5;
  margin-bottom: 10px;
  padding: 15px 0;
}
#mod_search .form_main .group {
  padding-top: 10px;
}
#mod_search .form_main .title h3 {
  color: #000;
  border-bottom: dashed 1px #e6142d;
  padding-bottom: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-align: center;
}
#mod_search .form_main div.input {
  padding: 8px 0;
}
#mod_search .form_main div.input label {
  display: block;
  padding-bottom: 5px;
}
#mod_search .form_main div.special_select label,
#mod_search .form_main div.checkbox label {
  display: inline;
  padding: 0 5px;
}
#mod_search .form_main div.radio label {
  display: none;
}
#mod_search .form_main div.radio div label {
  display: inline;
  padding: 0 5px;
}
.fiche_annonce .coord_logeur .formulable div.submit,
#mod_search .form_main div.submit {
  border-top: dashed 1px #e6142d;
  text-align: right;
  padding-top: 8px;
  margin-top: 12px;
}
#mod_search .form_main div.submit a.cancel {
  display: none;
}
.fiche_annonce .coord_logeur .formulable div.submit input,
#mod_search .form_main div.submit input.submit,
.main_bloc form div.submit input,
#DiscussionMessageForm div.submit input {
  color: #e6142d;
  font-weight: bold;
  border: 0;
  background: url(images/fond_submit.png) no-repeat right center;
  padding-right: 24px;
  min-height: 22px;
}
#mod_search .form_main input,
#mod_search .form_main select {
  border: solid 1px #9d9d9d;
}
#mod_search .form_main .checkbox input {
  border: 0;
}

.formidable input,
.formidable select,
.formidable textarea {
	background: none;
}

#mod_search .filters .group .group-name h3 {
  background: transparent url(images/fond-titre-droit.png) repeat-x scroll 0 0;
  color: #000;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: 22px;
  padding-left: 10px;
}

#mod_search .filters .deplie {
  display: block;
}
#mod_search .filters .replie {
  display: none;
}

#mod_search .filters .group .input {
  padding: 6px 0;
}
#mod_search .filters .group.situation .input {
  padding-left: 15px;
}
#mod_search .filters .group .group-content,
#mod_search .filters .group .checkbox,
#mod_search .filters .input,
#mod_search .filters,
#mod_search .filters .padding .input {
  padding: 4px 15px;
}
#mod_search .filters .group-content .input {
  padding: 0px;
}

#mod_search .filters .group h3 img {
  margin-right: 4px;
  vertical-align: middle;
}

.main_bloc form input,
.main_bloc form select {
  border: solid 1px #9d9d9d;
}
.main_bloc form p.accepter input {
  margin-right: 0.25em;
  border-color: #e6142d;
}
.main_bloc form p.accepter label {
  color: #e6142d;
}
.main_bloc form table {
  margin: 10px 0;
}
.main_bloc form div.submit {
  text-align: right;
}

#tabs ul,
.barre_de_faire ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
#tabs a img,
.barre_de_faire a img {
  border: 0;
}

#tabs a {
  padding: 0;
}

#mod_search .filters .group .group-content {
  padding: 4px;
}
#mod_search .filters .group .checkbox {
  padding: 1px 0px 1px 8px;
}
#mod_search .filters .group .input.checkbox,
#mod_search .filters .input.checkbox {
  padding-left: 12px;
}
.homeform td {
  vertical-align: top;
}
.homeform td p {
  font-size: 0.9em;
}

#bloc_form form div.submit input {
  color: #e6142d;
  font-weight: bold;
  border: 0;
  background: url(images/fond_submit.png) no-repeat right center;
  padding-right: 24px;
  min-height: 22px;
}

#bloc_form form {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

#bloc_form form div.submit {
  text-align: right;
}
#bloc_form form fieldset {
  margin: 10px 0;
  border: 0;
}

#bloc_form form fieldset legend.legende {
	font-family: var(--font-extra-bold);
	font-size: 1.2rem;
	margin-bottom: 1rem;
	color: var(--color-primary);
	text-transform: uppercase;
}

#bloc_form form fieldset legend.legende-secondary {
	font-family: var(--font-extra-bold);
	font-size: .9rem;
	margin-bottom: 0.8rem;
	color: var(--color-secondary);
}

.formidable .error-message,
.error-message {
    color: var(--color-primary);
    position: absolute;
    top: 100%;
    z-index: 1;
    padding: 0.1rem!important;
}

/* formulaire annonce front */

#form_content .form_main,
#form_content .formidable {
  /* margin: 0 15px; */
}

#form_content .form_main #tabs {
  height: 50px;
  background: #fafafa url(images/fond_liste_onglets.png) repeat-x;
}
#DivFieldAnnonceLogeurDemandePublication,
#DivFieldAnnonceColocDemandePublication {
  margin: 12px 0 24px 0;
}
#form_content .form_main #tabs ul {
  padding-top: 30px;
  top: 0;
}
#form_content .form_main #tabs li {
  font-size: 1em;
  float: left;
  list-style: none;
  background: url(images/fond_onglet_gauche.png) no-repeat right;
  padding-left: 6px;
  margin: 0;
  margin-bottom: -11px;
  border: 0;
}

#form_content .form_main #tabs li span {
  padding-top: 5px;
  display: block;
  height: 19px;
  background: url(images/fond_onglet_droite.png) no-repeat right;
  padding-right: 16px;
  color: #686868;
}
#form_content .form_main #tabs li a {
  font-weight: normal;
  line-height: normal;
}
#form_content .form_main #tabs li.active a {
  font-weight: bold;
}
#form_content .form_main #tabs li.active {
  background: url(images/fond_onglet_gauche_active.png) no-repeat right;
  color: #e6142d;
}
#form_content .form_main #tabs li.active span {
  background: url(images/fond_onglet_droite_active.png) no-repeat right;
  color: #e6142d;
}

#form_content .form_main #tabs li a.error span {
  font-weight: bold;
  color: red;
}

#form_content .form_main #tabs li.active,
#form_content .form_main #tabs li.active a {
  color: #e6142d;
  font-weight: bold;
}

#form_content .form_main #tabscontent {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border: 1px solid var(--color-primary);
  border-top: 0;
  clear: left;
  margin: 0;
  padding: 25px 10px 15px 25px;
}
#form_content .form_main div.group .group-name {
  background-color: #dadada;
  color: #545454;
  -moz-border-radius: 0;
  /*
	font-size:1em;
	font-weight:normal;
	margin:0;
	overflow:visible;
	padding:3px 20px 3px 4px;
	position:relative;
	*/
}
#form_content .form_main div label,
#form_content .prototip div label,
#form_content .form_main div label a,
#form_content .prototip div label a,
#form_content .form_main div.action p {
  color: #545454;
}
#form_content .form_main #tabs li.active span span {
  background: none;
  height: auto;
  padding-right: 0px;
  padding-top: 0px;
}
#form_content .form_main div.moreinfo {
  margin-top: -25px;
  margin-right: -10px;
  margin-left: -25px;
  text-align: right;
  background: #d2d2d0;
}
#form_content .form_main div.moreinfo .numetape {
  padding: 5px 20px 10px 0;
  color: #e6142d;
  font-weight: bold;
  font-size: 1.1em;
}
#form_content .form_main div.botmoreinfo {
  margin-top: 10px;
  margin-right: -10px;
  margin-left: -25px;
  margin-bottom: -16px;
  text-align: right;
  background: #d2d2d0;
}
#form_content .form_main div.botmoreinfo .numetape {
  padding: 5px 20px 10px 0;
  color: #e6142d;
  font-weight: bold;
  font-size: 1.1em;
}

form.alerter div.submit input {
  background: transparent url(images/fond_submit.png) no-repeat scroll right
    center;
  border: 0 none;
  color: #e6142d;
  font-weight: bold;
  min-height: 22px;
  padding-right: 24px;
}

#FieldAnnonceLogeurNumeroRue,
#FieldAnnonceColocNumeroRue,
#bloc_form form fieldset .text #LogeurNumeroRue {
  width: 2em;
}

.search-alert-footer  p {
  color: var(--color-secondary);
  font-family: var(--font-semi-bold);
}

.search-alert-footer p span,
form.alerter p a {
  color: #e6142d;
}

#FilterDispodesuite {
  margin-top: 0.75em;
}

table.homeform {
  width: 100%;
}
#AnnonceVisiteurAddForm label {
  display: block;
}

/* **************************************************************** */
.form_main .select_group_check div.group-content,
.form_main .input special_select div.group-content,
.form_main .selector div.selector {
  width: 99%;
}

.formidable .select_group_check div.group-content div.multiple_checkboxes_item {
  float: right;
  width: 76%;
}
.formidable .select_group_check div.group-content,
.formidable .input special_select div.group-content,
.formidable .selector div.selector {
  width: 99%;
}

#form_content .formidable #tabs li {
  font-size: 1em;
  float: left;
  list-style: none;
  margin: 0;
  border: 0;
}

#form_content .formidable #tabs li span {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0.4rem 1.4rem;
}

#form_content .formidable #tabs li a {
  font-weight: normal;
  line-height: normal;
}


#form_content .formidable #tabs li a.error span {
  color: var(--color-primary)!important;
}

#form_content .formidable #tabs li.active,
#form_content .formidable #tabs li.active a span {
  color: var(--color-white)!important;
  background: var(--color-primary);
}

#form_content .formidable #tabs li a span{
  color: var(--color-text)!important;
  background: var(--color-white);
}

#form_content .formidable #tabscontent {
	position: relative;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border: 1px solid var(--color-primary)!important;
	clear: left;
	margin: 0;
	padding: 1.8rem 2rem;
}

@media screen and (max-width: 620px) {
	#form_content .formidable #tabscontent {
		padding: 0.8rem;
	}
}

#form_content .formidable div label,
#form_content .prototip div label,
#form_content .formidable div label a,
#form_content .prototip div label a,
#form_content .formidable div.action p {
  color: #545454;
}
#form_content .formidable #tabs li.active span span {
  background: none;
  height: auto;
  padding-right: 0px;
  padding-top: 0px;
}

.formidable .full {
  position: relative;
}

#form_content .formidable div.moreinfo {
  text-align: right;
  position: absolute;
  right: -1.3rem;
  top: -2rem;
}

#form_content .formidable div.moreinfo .numetape {
  padding: 5px 20px 10px 0;
  font-weight: bold;
  font-size: 1.1em;
}
#form_content .formidable div.botmoreinfo {
  margin-top: 10px;
  margin-right: -10px;
  margin-left: -25px;
  margin-bottom: -16px;
  text-align: right;
  background: #d2d2d0;
}
#form_content .formidable div.botmoreinfo .numetape {
  padding: 5px 20px 10px 0;
  color: #e6142d;
  font-weight: bold;
  font-size: 1.1em;
}

#FieldAnnonceLogeurInfoComplementaire {
  font-size: 0.9rem;
  width: 70%;
  height: 190px;
  padding: 0.5rem;
}

.formidable .select_group_check div.group-content div.checkbox,
.formidable
  .select_group_check
  div.multiple_checkboxes
  div.multiple_checkboxes_item {
  border-bottom: 0;
}

.formidable .select_group_check div.group-content,
.formidable .select_group_check div.multiple_checkboxes {
  border: 0;
}

.fiche_annonce .coord_logeur .formulable label {
  font-weight: bold;
}

.fiche_annonce .coord_logeur .formulable .textarea label {
  display: block;
}

.fiche_annonce .coord_logeur .formulable .textarea textarea {
  height: 7em;
  width: 95%;
}

.discussion fieldset {
  border: 0;
}

.discussion fieldset fieldset {
  margin-top: 10px;
}

.discussion legend {
  font-weight: bold;
  font-size: 110%;
  color: #e6142d;
}

.discussion label {
  font-weight: bold;
}

.discussion .textarea label {
  display: block;
}

#DiscussionMessageForm .texte textarea,
.discussion .textarea textarea {
  height: 7em;
  width: 95%;
}

#DiscussionMessageForm .texte label {
  display: block;
}

div.submit {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

#formButtons.submit {
  padding-top: 1rem; 
}

#MB_content .submit a, 
#MB_content .submit input {
  background: var(--color-primary)!important;
  color:  var(--color-white)!important;
  font-weight: normal!important;
  font-family: var(--font-regular);
  padding: 0.1rem 1.3rem;
  margin: 0;
  width: max-content!important;
  height: auto!important;
  border-radius: 25px!important;
  text-decoration: none!important;
}
.formidable .submit 
.formidable .group-name {
  background-color: var(--color-white)!important;
  color: var(--color-primary)!important;
}

.formidable .group-name {
  background-color: var(--color-white)!important;
  color: var(--color-primary)!important;
}

.formidable .group-name {
  background-color: var(--color-white)!important;
  color: var(--color-primary)!important;
}

.formidable #Tab6Publication .group-name {
	margin-bottom: 1rem;
}

.formidable div.group {
	margin-bottom: 2rem;
}

.formidable .group-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
}

@media screen and (max-width: 800px) {
  .formidable .group-content {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}

.formidable .group-content input:not([type="checkbox"]):not([type="radio"]),
.formidable .group-content select {
   width: 100%!important;
}

.formidable div label {
  width: auto!important;
  text-align: unset!important;
  color: var(--color-text)!important;
}

.formidable input, 
.formidable select, 
.formidable textarea,
.formidable .editor_div, 
.formidable .editor .cke, 
.prototip input, 
.prototip select, 
.prototip textarea, 
.prototip .editor_div {
  max-width: unset!important;
  margin: 0!important;
}

div.input.date {
  width: 100%!important;
}

.input.checkbox {
  margin-bottom: 0!important;
}

.group-content .input.checkbox_switch-wrapper {
  align-items: center;
}

.formidable .checkbox_switch-wrapper .checkbox_switch  {
  position: relative;
  appearance: none;
  background-color: var(--color-secondary);
  border-radius: 72px;
  border-style: none;
  flex-shrink: 0;
  width: 36px;
  height: 14px;
  margin: 0;
}

.formidable .checkbox_switch-wrapper .checkbox_switch::before {
  bottom: -6px;
  content: "";
  left: -6px;
  position: absolute;
  right: -7px;
  top: -6px;
}

.formidable .checkbox_switch-wrapper .checkbox_switch,
.formidable .checkbox_switch-wrapper .checkbox_switch::after {
  transition: all 100ms ease-out;
}

.formidable .checkbox_switch-wrapper .checkbox_switch::after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  width: 14px;
  height: 14px;
  left: 2px;
  position: absolute;
  top: 2.4px;
}

.formidable .checkbox_switch-wrapper input[type="checkbox"] {
  cursor: pointer;
}

.formidable .checkbox_switch-wrapper .checkbox_switch:hover {
  background-color: #c9cbcd;
  transition-duration: 0s;
}

.formidable .checkbox_switch-wrapper .checkbox_switch:checked {
  background-color: var(--color-green);
}

.formidable .checkbox_switch-wrapper .checkbox_switch:checked::after {
  background-color: var(--color-white);
  left: 19px;
}

.formidable .checkbox_switch-wrapper :focus:not(.focus-visible) {
  outline: 0;
}

.formidable .checkbox_switch-wrapper .checkbox_switch + label {
  font-size: 1rem;
  cursor: pointer;
}

.formidable .multiple_checkboxes_item input[type="checkbox"] {
	position: relative;
	appearance: none;
	background-color: var(--color-secondary);
	border-radius: 72px;
	border-style: none;
	flex-shrink: 0;
	width: 36px;
	height: 14px;
	margin: 0;
	cursor: pointer;
}

.formidable .multiple_checkboxes_item input[type="checkbox"]::before {
	bottom: -6px;
	content: "";
	left: -6px;
	position: absolute;
	right: -7px;
	top: -6px;
}

.formidable .multiple_checkboxes_item input[type="checkbox"],
.formidable .multiple_checkboxes_item input[type="checkbox"]::after {
	transition: all 100ms ease-out;
}

.formidable .multiple_checkboxes_item input[type="checkbox"]::after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	width: 14px;
	height: 14px;
	left: 2px;
	position: absolute;
	top: 2.4px;
}

.formidable .multiple_checkboxes_item input[type="checkbox"]:hover {
	background-color: #c9cbcd;
	transition-duration: 0s;
}

.formidable .multiple_checkboxes_item input[type="checkbox"]:checked {
	background-color: var(--color-green);
}

.formidable .multiple_checkboxes_item input[type="checkbox"]:checked::after {
	background-color: var(--color-white);
	left: 19px;
}

.formidable .multiple_checkboxes_item input[type="checkbox"]:focus:not(.focus-visible) {
	outline: 0;
}

.formidable .multiple_checkboxes_item input[type="checkbox"] + label {
	font-family: var(--font-regular)!important;
	font-size: 1rem;
	margin-bottom: 0.6rem;
	cursor: pointer;
	margin-left: 2rem;
}

.formidable div.checkbox input,
.formidable div.radio input,
.formidable div.multiple_checkboxes_item input {
    width: 36px;
}

.formidable div.input.radio,
div.input.radio {
  display: flex;
  flex-direction: column;
}

.formidable div.radio div.radio_item {
  overflow: visible!important;
}

.formidable div.radio div.radio_item label, 
.formidable div.radio div.radio_item input {
  padding: 0;
  float: left;
}

.formidable div.action ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
}

.formidable div.action ul li a {
  padding-left: 1.5rem;
}

.group-content:has(.group-content-block) {
  grid-template-columns: 1fr;
  position: relative;
}

.select .multiple_checkboxes,
.uploader .uploader_container,
.gmap .gmap_map {
    width: auto;
}

.formidable .select_group_check div.group-content,
.formidable .select_group_check div.multiple_checkboxes {
  border: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: .5rem 0 0 .5rem;
  overflow-x: hidden;
}

.formidable .select_group_check div.group-content,
.formidable .input special_select div.group-content,
.formidable .selector div.selector {
    max-height: fit-content;
}

.formidable .uploader a.uploader_add,
.formidable .uploader a.uploader_add,
.formidable div.group .group-content .uploader a.uploader_add,
.formidable div.group .group-name .uploader a.uploader_add {
	padding: 0 20px 0 20px;
	margin: 0 8px 0 0;
	background: url(/img/science_po_add_picture.svg) no-repeat right center;
	zoom: 1;
}

.formidable .group-content .uploader .uploader {
	overflow: hidden;
	zoom: 1;
	margin-left: auto;
	margin-right: 1rem;
	width: 150px!important;
}

input[type="radio"] + label {
	font-family: var(--font-regular)!important;
}

.formidable div.group .group-name {
	overflow: hidden;
	padding: 3px 20px 3px 0!important;
}

.formidable div.group .group-name h3 {
	font-size: 2em;
	font-family: var(--font-extra-bold);
}

.formidable div.group .group-name h3 {
	padding: 0;
	margin: 0;
}

.formidable div.action ul li a {
	background: url(/img/science_po_add.svg) no-repeat 0 -2px;
	background-size: 20px;
}

.formidable #Tab6Publication .container {
	padding: 0!important;
	margin-bottom: 0.2rem;
}

.formidable .input.input-row { 
	flex-direction: row;
	width: auto;
	margin: 0;
}

.formidable #Tab6Publication .input.input-list span {
	padding: 0;
}

.formidable #VarName span {
	font-size: 1.6rem;
	font-family: var(--font-extra-bold);
}

.formidable .input.input-row label {
	margin: 0;
	padding-right: 0.5rem;
	font-family: var(--font-semi-bold);
  font-size: 0.9rem;
}

.formidable  .input.input-row.label-text-regular label {
	font-family: var(--font-regular);
	font-weight: normal;
}

.formidable .input.input-row span {
	font-size: 1rem;
}

.formidable .input.input-row:not(:has(label)) span {
	padding: 0.5rem 0;
}

.formidable .input.input-row.span-text-primary label + span {
	color: var(--color-primary);
  font-size: .9rem;
}

.formidable .input.input-row.span-text-extrat-bold label + span {
	font-family: var(--font-extra-bold);
}

.formidable .group.group-hidden {
	margin: 0!important;
}

.formidable #Tab6Publication div.group {
	margin-bottom: 0.1rem;
}

.formidable #Tab6Publication .container-options {
	display: flex;
	margin-bottom: 0;
	position: relative;
}

.formidable #Tab6Publication .container-options .container-options-values {
	display: flex;
	column-gap: 0.5rem;
	flex-wrap: wrap;
	top: 0.4rem;
	margin: 0;
}

.formidable #Tab6Publication .container-options .container-options-values .input {
	margin: 0!important;
	font-size: 1rem;
	padding-top: 0;
}

.formidable #Tab6Publication .container-options .container-options-values .input:not(:last-child):not(.no-coma) span:not(:empty)::after,
.formidable #Tab6Publication .container-options .container-options-values .objects:not(:last-child):not(.no-coma) span:not(:empty)::after {
	content: ', ';
}

.formidable #Tab6Publication .container-options .container-options-values .input {
	width: auto!important;
}

.formidable #Tab6Publication .container-options .container-options-values .objects {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.5rem;
}

.formidable #Tab6Publication .container.container-options-mb-0 {
	margin-bottom: 0!important;
}

.formidable div label,
.prototip div label {
    margin: 0;
}

.formidable .container .container-list {
	display: flex;
	flex-direction: column;
	margin: 1rem 0;
}

.formidable .container .container-list .input.input-list>span:not(:empty)::before {
	content: ' . ';
	display: inline-block;
	color: var(--color-primary);
	font-family: var(--font-extra-bold);
	font-size: 1rem;
	width: 20px;
	height: 20px;
	padding-right: 0.7rem;
	line-height:12px;
    vertical-align: middle;
}

.formidable .container .container-list .input.input-list:has(span:empty) {
    margin: 0;
    padding: 0;
}

.formidable .input.currency>span::after {
	content: '€';
	color: var(--color-primary);
}

.formidable .container.btn-group.btn-group-right {
	justify-content: end;
}

.formidable #Tab6Publication div.group#GroupDescription{
	margin-bottom: 3rem;
}

.formidable .container.aside_bloc {
    max-width: 42%;
}

@media screen and (max-width: 1024px) {
  .formidable #Tab6Publication .layout_container {
		  flex-direction: column;
    }

    .formidable .container.aside_bloc {
      max-width: 100%;
    }
}

#formGroupSubmit {
	margin-top: 3rem;
}

.formidable .tabs-nav {
    padding-top: 2rem ;
}

.formidable .tabs-nav #firstTab {
   font-size: 1rem;
}

.formidable #VarModalitesServiceFormat {
    display: block;
}
.formidable #VarModalitesServiceFormat label {
	line-height: normal;
}

.message-bloc-even, .message-bloc-odd {
 border-radius: 20px;
 max-width: 60%;
}

.message-bloc-odd {
  justify-self: end;
  padding: 1.2rem;
  background-color: var(--color-tertiary);
}

.message-bloc-even {
  justify-self: start;
  padding: 1.2rem;
  background-color: var(--color-secondary);
  color: #fff;
}

#bloc_form form fieldset legend.message-bloc-title {
  margin-bottom: 0;
  background-color: #c9cbcd;
  padding: 0.2rem;
}