@charset "UTF-8";
/* POLICES */
.defaultPolice {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
}
.proximaLight {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
}
.proxima {
  font-family: "proxima-nova", "Open Sans Condensed", sans-serif !important;
  font-style: normal;
  font-weight: 400;
}
/* POLICES */
.defaultPolice {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
}
.proximaLight {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
}
.proxima {
  font-family: "proxima-nova", "Open Sans Condensed", sans-serif !important;
  font-style: normal;
  font-weight: 400;
}
/*** alertes ***/
.tox-menubar,
.tox-promotion-link {
  display: none !important;
}
.infos {
  position: fixed;
  min-height: 50px;
  padding: 10px;
  color: #000000;
  right: 0;
  width: 400px;
  max-width: 50%;
  background-color: #f0f3f5;
  border: solid 10px #fff;
  border-right: none;
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
  z-index: 99999 !important;
}
.infosOk {
  position: fixed;
  min-height: 50px;
  padding: 10px 0 10px 55px;
  color: #529c38;
  background-color: #ffffff;
  right: 0;
  width: 400px;
  max-width: 50%;
  border-right: none;
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
  z-index: 99999 !important;
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
  font-size: 16px;
}
.infosOk:before {
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: #529c38;
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.infosOk:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 99999;
  background: transparent url("https://general.adwm.info/img/pictoOK.png") left top no-repeat;
  background-size: contain;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.infosError {
  position: fixed;
  min-height: 50px;
  padding: 10px 0 10px 55px;
  color: #dc1010;
  background-color: #ffffff;
  right: 0;
  width: 400px;
  max-width: 50%;
  border-right: none;
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
  z-index: 99999 !important;
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
}
.infosError:before {
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: #dc1010;
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.infosError:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 2;
  background: transparent url("https://general.adwm.info/img/pictoRefus.png") left top no-repeat;
  background-size: contain;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#loading-info {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 5px;
  z-index: 9999;
  display: none;
}
#loading-info.show {
  display: block;
  opacity: 1;
}
.loading,
.everSend {
  position: relative;
  cursor: wait;
  opacity: 0.7;
}
.loading::after,
.everSend::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(128, 128, 128, 0.6);
  border-top-color: #808080;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  animation: spin 0.8s linear infinite;
}
#blocTelKeyyo {
  width: 220px;
  position: fixed;
  bottom: 40px;
  right: 0;
  z-index: 99999;
}
#blocTelKeyyo .voletTel {
  position: relative;
  margin-bottom: 12px;
  -webkit-box-shadow: -1px 0px 14px -3px #878787;
  -moz-box-shadow: -1px 0px 14px -3px #878787;
  box-shadow: -1px 0px 14px -3px #878787;
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  overflow: hidden;
}
#blocTelKeyyo .voletTel li {
  width: 100%;
  min-height: 65px;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  border-top: solid 1px rgba(82, 82, 82, 0.2);
  /*&:visible:first-child{
				.arrHG(5);
			}
			&:visible:last-child{
				.arrBG(5);
			}*/

}
#blocTelKeyyo .voletTel li:visible:first-child,
#blocTelKeyyo .voletTel li:not(:visible) {
  border-top: none;
}
#blocTelKeyyo .voletTel li.bgVertFonce {
  background-color: #008877;
}
#blocTelKeyyo .voletTel li.bgVert {
  background-color: #44ac33;
}
#blocTelKeyyo .voletTel li.bgGris {
  background-color: #525252;
}
#blocTelKeyyo .voletTel li.bgOrange {
  background-color: #f08012;
}
#blocTelKeyyo .voletTel li:hover {
  background-color: #525252;
}
#blocTelKeyyo .voletTel li a {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  color: #fff !important;
}
#blocTelKeyyo .voletTel li a .infoTel {
  min-width: 40px;
  text-transform: uppercase;
  position: relative;
  font-size: 12px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #fff;
  background: transparent url("/img/pictoTel_contour_bl.png") top 15px center no-repeat;
  background-size: 24px;
  padding-bottom: 24px;
}
#blocTelKeyyo .voletTel li a .numTel {
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
#blocTelKeyyo .voletTel li a .numTel span {
  font-size: 20px;
  width: 100%;
  display: inline-block;
  position: relative;
}
#blocTelKeyyo .voletTel li.telPlein a .infoTel {
  background: transparent url("/img/pictoTel_bl.png") top 15px center no-repeat;
  background-size: 24px;
}
#blocTelKeyyo .voletTel li .closeTel {
  width: 20px;
  height: 20px;
  position: relative;
  background: transparent url("/img/pictoCloseTel.png") center center no-repeat;
  background-size: 100%;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
#blocTelKeyyo .voletTel li .closeTel:hover {
  filter: alpha(opacity=50);
  opacity: 1;
}
* {
  box-sizing: border-box !important;
}
li {
  list-style: none;
}
/*** css commun APPS2 ***/
.general {
  /* ----------------------------------------------------
	Liste d'éléments
	-----------------------------------------------------*/

  /* ----------------------------------------------------
	Liste de groupement de mots clés
	-----------------------------------------------------*/

  /* ----------------------------------------------------
	Liste d'attributs
	-----------------------------------------------------*/

}
.general.versionAPPS2 {
  background-color: #eceef1 !important;
}
.general #divAdmin {
  position: relative;
  float: left;
  padding: 30px;
  right: 0px;
  background-color: #fff;
  overflow: auto;
  max-height: 600px;
}
.general #divAdmin .portlet-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  margin: 3px 10px 0 0;
  background: transparent url("/img/sortable-1.png") no-repeat scroll left center / 20px auto;
}
.general a {
  text-decoration: none;
}
.general #loginForm {
  width: auto;
  line-height: auto;
  display: flex;
  align-items: center;
  margin: 0 !important;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
}
.general #loginForm #utilisateur,
.general #loginForm #profil {
  width: auto;
  height: 50px;
  line-height: 50px;
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  font-style: normal;
  font-weight: 300 !important;
  font-weight: 600;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  min-height: 0;
  margin: 0;
  color: #525252;
  font-weight: bold;
  position: relative;
}
.general #loginForm #utilisateur aside,
.general #loginForm #profil aside {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  font-size: 15px;
}
.general #loginForm #utilisateur a,
.general #loginForm #profil a {
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  font-style: normal;
  font-weight: 300 !important;
}
.general #loginForm #utilisateur#utilisateur,
.general #loginForm #profil#utilisateur {
  background: url("/img/pictoUser3.png") right 37px center no-repeat transparent;
  background-size: 16px auto;
  padding-right: 67px;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 15px;
  cursor: pointer;
  position: relative;
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  font-style: normal;
  font-weight: 300 !important;
}
.general #loginForm #utilisateur#utilisateur::after,
.general #loginForm #profil#utilisateur::after {
  width: 11px;
  height: 100%;
  content: " ";
  background: url("/img/picto_fleche_gris.png") center center no-repeat;
  background-size: 11px auto;
  position: absolute;
  opacity: 0.6;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.general #loginForm #utilisateur#utilisateur:hover,
.general #loginForm #profil#utilisateur:hover {
  background-color: #fff;
}
.general #loginForm #utilisateur#utilisateur:hover #panelUser,
.general #loginForm #profil#utilisateur:hover #panelUser {
  display: flex;
  flex-direction: column;
}
.general #loginForm #utilisateur#utilisateur:hover::after,
.general #loginForm #profil#utilisateur:hover::after {
  opacity: 1;
}
.general #loginForm #utilisateur#profil,
.general #loginForm #profil#profil {
  padding-left: 10px;
  color: rgba(82, 82, 82, 0.4);
  padding-right: 10px;
}
.general #loginForm div.lngHeader {
  background-color: #525252;
  width: 58px;
  -moz-border-radius: 0.4375em;
  -webkit-border-radius: 0.4375em;
  border-radius: 0.4375em;
  margin-right: 10px;
}
.general #loginForm div.lngHeader input[name="id_paysCompte"] + label {
  padding: 3px 0;
  height: 100%;
  opacity: 0.2;
  display: inherit;
  visibility: visible;
  width: 29px !important;
  height: 20px;
  margin: 0;
  border: solid 1px #ededed;
  cursor: pointer;
}
.general #loginForm div.lngHeader input[name="id_paysCompte"]:hover + label {
  opacity: 0.5;
}
.general #loginForm div.lngHeader input[name="id_paysCompte"].lgfr + label {
  -moz-border-arr: 0.4375em 0 0 0.4375em;
  -webkit-border-arr: 0.4375em 0 0 0.4375em;
  border-radius: 0.4375em 0 0 0.4375em;
  background: url("/img/drapeau_fr.png") center center no-repeat;
  background-size: auto 100%;
}
.general #loginForm div.lngHeader input[name="id_paysCompte"].lgen + label {
  -moz-border-arr: NaNem 0.4375em 0;
  -webkit-border-arr: 0 0.4375em 0.4375em 0;
  border-radius: 0 0.4375em 0.4375em 0;
  background: url("/img/drapeau_gb.png") center center no-repeat;
  background-size: auto 100%;
}
.general #loginForm div.lngHeader input[name="id_paysCompte"]:checked + label {
  border: solid 1px #000;
  opacity: 1;
  border: solid 1px #525252;
}
.general #loginForm .logout {
  margin: 0;
  width: 34px;
  height: 40px;
  background: url("/img/icone_logout.png") center center no-repeat transparent;
  background-size: auto 24px;
  border-left: solid 1px rgba(82, 82, 82, 0.4);
  padding-left: 8px;
  opacity: 0.6;
}
.general #loginForm .logout:hover {
  opacity: 1;
}
.general header {
  background-color: #eceef1 !important;
  flex-wrap: wrap;
  padding: 0 0 0 10px;
}
.general header #logo {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  color: #ffffff;
  text-decoration: none;
  line-height: 20px;
}
.general #sidebar-wrapper {
  background-color: #525252;
}
.general #sidebar-wrapper ul#menu > li#menu_user {
  color: #525252;
}
.general #sidebar-wrapper ul#menu > li > ul > li.sel a {
  background-color: #ededed;
  color: #525252;
}
.general main {
  background-color: #ededed;
}
.general main .titreTable,
.general main .titreTable .btnCreation {
  font-family: klavika-web, sans-serif !important;
  font-weight: 300;
  font-style: normal;
}
.general main .titreTable.withBtn {
  flex-wrap: wrap !important;
}
.general main h1 {
  width: 100%;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
}
.general main h2.flex {
  display: flex;
  align-items: center;
  font-size: 30px;
  color: #525252;
}
.general main h2.flex aside {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
}
.general main h2 input.noCSS {
  margin: 0 auto !important;
}
.general main ul,
.general main ol,
.general main li {
  list-style: outside none none;
  margin: 0;
  margin-top: 0px;
  padding: 0;
}
.general #btNavigationEntete {
  float: right;
  width: 230px;
  margin-top: 10px;
}
.general #btNavigationEntete #btBackListe {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 1.5625em;
  margin-right: 10px;
  background: rgba(82, 82, 82, 0.2) url("/img/btBackListe.png") no-repeat scroll center center / 20px auto;
}
.general #btNavigationEntete #btBackElement {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 1.5625em;
  margin-right: 10px;
  background: rgba(82, 82, 82, 0.2) url("/img/flecheBack.png") no-repeat scroll left 17px center / 15px auto;
}
.general #btNavigationEntete #btNextElement {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 1.5625em;
  margin-right: 10px;
  background: rgba(82, 82, 82, 0.2) url("/img/flecheNext.png") no-repeat scroll left 20px center / 15px auto;
}
.general #btNavigationEntete #positionElement {
  padding-top: 3px;
  display: inline-block;
  width: 50px;
  height: 25px;
  text-align: center;
  border: solid 1px #5594d0;
  border-radius: 1.5625em 1.5625em 0 0;
  color: #5594d0;
}
.general #btNavigationEntete #nbrElements {
  display: inline-block;
  width: 50px;
  height: 25px;
  text-align: center;
  background-color: #5594d0;
  color: #fff;
  border-radius: 0 0 1.5625em 1.5625em;
}
.general #btNavigationEntete a:hover {
  background-color: #525252 !important;
}
.general .toggleTitre.collapsed + .formToggle {
  display: none !important;
}
.general .toggleTitre:not(.titleNoCSS) {
  display: inline-block;
  width: auto;
  height: 49px;
  line-height: 49px;
  font-size: 30px;
  text-transform: uppercase;
  padding: 0 10px 0 45px;
  position: relative;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  margin: 20px 0 0 20px;
  -moz-border-arr: 0.1875em 0.1875em 0 0;
  -webkit-border-arr: 0.1875em 0.1875em 0 0;
  border-radius: 0.1875em 0.1875em 0 0;
  cursor: pointer;
}
.general .toggleTitre:not(.titleNoCSS).newVersion {
  min-height: auto;
  line-height: initial;
  height: auto;
  color: inherit !important;
  background-color: transparent !important;
  width: 100%;
  margin: 0;
  text-transform: inherit;
  color: #525252 !important;
  padding: 20px 0 20px 45px;
  border-bottom: none;
}
.general .toggleTitre:not(.titleNoCSS).newVersion.flexCenter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.general .toggleTitre:not(.titleNoCSS).newVersion:hover:after {
  opacity: 1;
}
.general .toggleTitre:not(.titleNoCSS).newVersion:hover.close:after {
  opacity: 1;
}
.general .toggleTitre:not(.titleNoCSS).newVersion:before {
  content: "";
  width: 32px;
  height: 32px;
  background: transparent url("/img/icono/picto_liaison_ligne_gr.png") left top no-repeat !important;
  background-size: 100% !important;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.general .toggleTitre:not(.titleNoCSS).newVersion.alertes:before {
  content: "";
  width: 32px;
  height: 32px;
  background: transparent url("/img/icono/picto_cloche_gr.png") left top no-repeat !important;
  background-size: 100% !important;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.general .toggleTitre:not(.titleNoCSS).newVersion:after {
  content: "";
  width: 24px;
  height: 24px;
  background: transparent url("https://general.adwm.info/img/picto_title_close.png") left top no-repeat !important;
  background-size: 100% !important;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  left: inherit;
  border-radius: initial;
  transform: translateY(-50%);
  filter: alpha(opacity=100);
  opacity: 0.25;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.general .toggleTitre:not(.titleNoCSS).newVersion.close,
.general .toggleTitre:not(.titleNoCSS).newVersion.collapsed {
  margin-bottom: 0;
  border-bottom: solid 1px rgba(82, 82, 82, 0.1);
}
.general .toggleTitre:not(.titleNoCSS).newVersion.close:after,
.general .toggleTitre:not(.titleNoCSS).newVersion.collapsed:after {
  content: "";
  width: 24px;
  height: 24px;
  background: transparent url("https://general.adwm.info/img/picto_title_open.png") left top no-repeat !important;
  background-size: 100% !important;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  left: inherit;
  border-radius: initial;
  transform: translateY(-50%);
  filter: alpha(opacity=100);
  opacity: 0.25;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.general .toggleTitre:not(.titleNoCSS).newVersion sup {
  font-style: italic;
  font-size: 20px;
}
.general .toggleTitre:not(.titleNoCSS).newVersion aside {
  display: inline-flex;
  border-left: solid 1px #525252;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  align-items: center;
  white-space: nowrap;
  font-size: 16px;
}
.general .toggleTitre:not(.titleNoCSS).newVersion aside select {
  background-color: rgba(82, 82, 82, 0.1);
  margin: 0 0 0 10px;
  font-family: "proxima-nova", sans-serif !important;
  font-weight: 300;
  font-size: 16px;
}
.general .toggleTitre:not(.titleNoCSS).newVersion aside strong {
  font-weight: bold;
}
.general .toggleTitre:not(.titleNoCSS).newVersion aside .customCheckRadio {
  /*** custom checkbox ***/

  /* style your lables/button */

}
.general .toggleTitre:not(.titleNoCSS).newVersion aside .customCheckRadio input[type="radio"],
.general .toggleTitre:not(.titleNoCSS).newVersion aside .customCheckRadio input[type="checkbox"] {
  /* hide the inputs */

  opacity: 0;
}
.general .toggleTitre:not(.titleNoCSS).newVersion aside .customCheckRadio input[type="radio"] + label,
.general .toggleTitre:not(.titleNoCSS).newVersion aside .customCheckRadio input[type="checkbox"] + label {
  /* keep pointer so that you get the little hand showing when you are on a button */

  /* the following are the styles */

  border: solid 1px rgba(82, 82, 82, 0.2) !important;
  background: transparent !important;
  color: #525252 !important;
  border-radius: 3px;
  margin: 0 5px !important;
  cursor: pointer;
}
.general .toggleTitre:not(.titleNoCSS).newVersion aside .customCheckRadio input[type="radio"]:checked + label,
.general .toggleTitre:not(.titleNoCSS).newVersion aside .customCheckRadio input[type="checkbox"]:checked + label {
  /* style for the checked/selected state */

  background-color: #525252 !important;
  border: 1px solid #525252 !important;
  color: #ffffff !important;
}
.general .toggleTitre:not(.titleNoCSS)::after {
  content: " ";
  width: 45px;
  height: 49px;
  position: absolute;
  left: 0;
  top: 0;
  -moz-border-arr: 0.1875em 0.1875em 0 0;
  -webkit-border-arr: 0.1875em 0.1875em 0 0;
  border-radius: 0.1875em 0.1875em 0 0;
  background: #009fe3 url("/img/pictoToggleTitre.png") no-repeat scroll center center / 45px auto;
}
.general .toggleTitre:not(.titleNoCSS).close,
.general .toggleTitre:not(.titleNoCSS).collapsed {
  color: #fff;
  background-color: #009fe3;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  margin-bottom: 30px;
}
.general .toggleTitre:not(.titleNoCSS).close::after,
.general .toggleTitre:not(.titleNoCSS).collapsed::after {
  width: 45px;
  background: #009fe3 url("/img/pictoToggleTitre_close.png") no-repeat scroll left 11px center / 30px auto !important;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
}
.general ol.listElm:not(.vueMignature),
.general ul.listElm:not(.vueMignature) {
  float: left;
  width: 100%;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  margin: 15px 0 40px 0;
  padding: 0;
  min-height: 30px;
  /* Petite version */

  /* Formulaire */

}
.general ol.listElm:not(.vueMignature).clickable li,
.general ul.listElm:not(.vueMignature).clickable li {
  cursor: pointer;
}
.general ol.listElm:not(.vueMignature) li.archive,
.general ul.listElm:not(.vueMignature) li.archive {
  opacity: 0.5;
}
.general ol.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto,
.general ul.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto {
  width: 70px;
  height: 70px;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.general ol.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto img,
.general ul.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto img {
  float: none;
}
.general ol.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto img.width,
.general ul.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto img.width {
  width: 70px;
  height: auto;
}
.general ol.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto img.height,
.general ul.listElm:not(.vueMignature).noPhotoCrop > li .cellPhoto img.height {
  width: auto;
  height: 70px;
}
.general ol.listElm:not(.vueMignature).btAutoArchive > li.archive .boutonArchive,
.general ul.listElm:not(.vueMignature).btAutoArchive > li.archive .boutonArchive {
  display: none !important;
}
.general ol.listElm:not(.vueMignature).btAutoArchive > li:not(.archive) .boutonRestaure,
.general ul.listElm:not(.vueMignature).btAutoArchive > li:not(.archive) .boutonRestaure {
  display: none !important;
}
.general ol.listElm:not(.vueMignature).sortable > li:not(.formMod) div.picto:after,
.general ul.listElm:not(.vueMignature).sortable > li:not(.formMod) div.picto:after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 30px;
  background: url("/img/pictoSortable.png") center center no-repeat #dddddd;
  background-size: 20px;
  top: 0;
  left: -10px;
  cursor: pointer;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
}
.general ol.listElm:not(.vueMignature).sortable > li:not(.formMod) div.picto:after:hover,
.general ul.listElm:not(.vueMignature).sortable > li:not(.formMod) div.picto:after:hover {
  background: url("/img/pictoSortable_roll.png") center center no-repeat #dddddd;
  background-size: 20px;
}
.general ol.listElm:not(.vueMignature) .ui-state-highlight,
.general ul.listElm:not(.vueMignature) .ui-state-highlight {
  background: #f2f2f2 !important;
  border: 1px dashed #212326 !important;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod),
.general ul.listElm:not(.vueMignature) > li:not(.formMod) {
  width: 700px;
  height: 75px;
  padding: 3px;
  background-color: rgba(82, 82, 82, 0.09999999999999998);
  margin: 10px auto 0px auto;
  position: relative;
  color: #525252;
  font-family: "proxima-nova", "Open Sans Condensed", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  cursor: pointer;
  clear: both;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).sel,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).sel {
  background-color: #525252 !important;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).principal,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).principal {
  margin-bottom: 30px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod):not(.noRoll):hover,
.general ul.listElm:not(.vueMignature) > li:not(.formMod):not(.noRoll):hover {
  background-color: #fff;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod):not(.noRoll):hover div.picto:after,
.general ul.listElm:not(.vueMignature) > li:not(.formMod):not(.noRoll):hover div.picto:after {
  background: url("/img/pictoSortable_roll.png") center center no-repeat #dddddd;
  background-size: 20px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).noRoll,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).noRoll {
  cursor: auto;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) input[name="id_media"] + label,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) input[name="id_media"] + label {
  position: absolute;
  left: -135px;
  top: 25px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.picto,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.picto {
  float: left;
  width: 73px;
  height: 70px;
  border-right: solid 1px #525252;
  margin-right: 5px;
  padding-left: 3px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.picto.pictoMail,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.picto.pictoMail {
  background: url("/img/icono/picto_enveloppe_gr.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto {
  background: url("/img/pictoList_img.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoVid,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoVid {
  background: url("/img/pictoList_vid.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoTxt,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoTxt {
  background: url("/img/pictoList_txt.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoDoc,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoDoc {
  background: url("/img/pictoList_doc.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoContact,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoContact {
  background: url("/img/pictoList_contact.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoAbonnement,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoAbonnement {
  background: url("/img/pictoList_abonnement.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilletAbonnementReferent,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilletAbonnementReferent {
  background: url("/img/pictoList_BilletAbonnementReferent.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilletAbonnement,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilletAbonnement {
  background: url("/img/pictoList_BilletAbonnement.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilleterie,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilleterie {
  background: url("/img/pictoList_billet.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilleterieOk,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoBilleterieOk {
  background: url("/img/pictoList_billetOK.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoDate,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoDate {
  background: url("/img/pictoList_date.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoIndispo,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoIndispo {
  background: url("/img/pictoList_indispo.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole {
  background: url("/img/pictoList_role.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_1,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_1 {
  background: url("/img/pictoList_role_1.png") left 17px top 17px no-repeat transparent;
  background-size: auto 50px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_2,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_2 {
  background: url("/img/pictoList_role_2.png") left 17px top 17px no-repeat transparent;
  background-size: auto 50px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_3,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_3 {
  background: url("/img/pictoList_role_3.png") left 17px top 17px no-repeat transparent;
  background-size: auto 50px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_7,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_7 {
  background: url("/img/pictoList_role_MES.png") left 17px top 17px no-repeat transparent;
  background-size: auto 50px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_8,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoRole_8 {
  background: url("/img/pictoList_role_COPROD.png") left 17px top 17px no-repeat transparent;
  background-size: auto 50px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoMail,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoMail {
  background: url("/img/pictoList_mail.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoSerieRDV,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).img div.picto.pictoSerieRDV {
  background: url("/img/pictoList_rdv.png") left 17px top 17px no-repeat transparent;
  background-size: 39px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).bigCapsule,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).bigCapsule {
  height: 100px !important;
  font-size: 18px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod).bigCapsule.img div.picto,
.general ul.listElm:not(.vueMignature) > li:not(.formMod).bigCapsule.img div.picto {
  width: 76px;
  height: 100px;
  padding: 5px 0;
  margin-right: 10px;
  background-size: 60px auto !important;
  background-position: center center !important;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) .textContent,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) .textContent {
  height: 100px;
  vertical-align: middle;
  display: table-cell;
  color: #525252;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) .bigTitle,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) .bigTitle {
  font-weight: 600;
  font-size: 26px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) .bigTitle strong,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) .bigTitle strong {
  font-size: 26px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) .linkToFile,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) .linkToFile {
  float: left;
  width: 70px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  font-size: 20px;
  text-align: center;
  font-style: italic;
  text-transform: uppercase;
  color: #009fe3;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) img,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) img {
  float: left;
  width: 70px;
  height: 70px;
  /*
				&:hover {
					width:auto !important;
					height:140px !important;
					margin:-35px auto auto -35px;
					transition: all 1s;
				}
				*/

}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) audio,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) audio {
  float: left;
  margin-top: 10px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.content,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.content {
  display: table-cell;
  vertical-align: middle;
  height: 70px;
  overflow: hidden;
  width: 515px;
  margin-left: 5px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.content div,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.content div {
  white-space: nowrap;
  float: left;
  height: 16px;
  line-height: 16px;
  width: 435px;
  padding-left: 8px;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.content div.titre,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.content div.titre {
  font-size: 16px;
  font-weight: bold;
  color: #525252;
  text-transform: none;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.content div.titre span,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.content div.titre span {
  font-weight: normal;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.content div.fileInfo,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.content div.fileInfo {
  overflow: hidden;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) div.content div.fileInfo .typeFile,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) div.content div.fileInfo .typeFile {
  font-style: italic;
  text-transform: uppercase;
  color: #009fe3;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) .cadreBoutons,
.general ul.listElm:not(.vueMignature) > li:not(.formMod) .cadreBoutons {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -15px;
  text-align: right;
}
.general ol.listElm:not(.vueMignature) > li:not(.formMod) .cadreBoutons input[type="button"],
.general ul.listElm:not(.vueMignature) > li:not(.formMod) .cadreBoutons input[type="button"] {
  float: none;
  display: inline-block;
  margin: 0 0 0 10px;
}
.general ol.listElm:not(.vueMignature) ul.listDetails,
.general ul.listElm:not(.vueMignature) ul.listDetails {
  float: left;
  width: 100%;
}
.general ol.listElm:not(.vueMignature) ul.listDetails li,
.general ul.listElm:not(.vueMignature) ul.listDetails li {
  float: left;
  width: auto;
  height: 20px;
  line-height: 20px;
  background-color: #fff;
  color: #525252;
  font-size: 14px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0 6px;
  margin-right: 5px;
  text-transform: uppercase;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
}
.general ol.listElm:not(.vueMignature) ul.listDetails li span,
.general ul.listElm:not(.vueMignature) ul.listDetails li span {
  font-weight: bold;
}
.general ol.listElm:not(.vueMignature) ul.listDetails li:first-child,
.general ul.listElm:not(.vueMignature) ul.listDetails li:first-child {
  color: #fff;
  background-color: #525252;
  text-transform: none;
}
.general ol.listElm:not(.vueMignature).littleVue li:not(.formMod),
.general ul.listElm:not(.vueMignature).littleVue li:not(.formMod) {
  height: 45px;
  margin-top: 5px;
}
.general ol.listElm:not(.vueMignature).littleVue li:not(.formMod) div.picto,
.general ul.listElm:not(.vueMignature).littleVue li:not(.formMod) div.picto {
  height: 40px;
  background-size: 29px !important;
  background-position: 22px 6px !important;
}
.general ol.listElm:not(.vueMignature).littleVue li:not(.formMod) div.content,
.general ul.listElm:not(.vueMignature).littleVue li:not(.formMod) div.content {
  height: 40px;
}
.general ol.listElm:not(.vueMignature) .formMod,
.general ul.listElm:not(.vueMignature) .formMod {
  display: inline-block;
  width: 100%;
  position: relative;
}
.general ol.listElm:not(.vueMignature) .formMod .btClose,
.general ul.listElm:not(.vueMignature) .formMod .btClose {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1000;
  background: url("/img/btClose.png") center center no-repeat transparent;
  background-size: 20px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.general ol.listElm:not(.vueMignature) .formMod:not(.mce-tinymce) iframe,
.general ul.listElm:not(.vueMignature) .formMod:not(.mce-tinymce) iframe {
  max-width: 300px !important;
  max-height: 150px !important;
}
.general .btClose {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1000;
  background: url("/img/btClose.png") center center no-repeat transparent;
  background-size: 20px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.general .btoff {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 1000;
  background: url("/img/btClose.png") center center no-repeat transparent;
  background-size: 20px;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.general ol.listElm.vueMignature,
.general ul.listElm.vueMignature {
  float: left;
  width: 970px;
  background-color: #fff;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  padding: 10px 0 0 10px;
  margin-top: 10px;
}
.general ol.listElm.vueMignature.clickable li,
.general ul.listElm.vueMignature.clickable li {
  cursor: pointer;
}
.general ol.listElm.vueMignature.noPhotoCrop > li .cellPhoto,
.general ul.listElm.vueMignature.noPhotoCrop > li .cellPhoto {
  width: 140px;
  height: 140px;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.general ol.listElm.vueMignature.noPhotoCrop > li .cellPhoto img.width,
.general ul.listElm.vueMignature.noPhotoCrop > li .cellPhoto img.width {
  width: 140px !important;
  height: auto !important;
}
.general ol.listElm.vueMignature.noPhotoCrop > li .cellPhoto img.height,
.general ul.listElm.vueMignature.noPhotoCrop > li .cellPhoto img.height {
  width: auto !important;
  height: 140px !important;
}
.general ol.listElm.vueMignature li,
.general ul.listElm.vueMignature li {
  float: left;
  width: 150px;
  height: 180px !important;
  padding: 5px;
  text-align: center;
  margin: 0 10px 10px 0;
  background-color: #ededed;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  clear: none;
  position: relative;
  /*.picto {
				background-image:none;
				position:absolute;
				left:0;
				top:0;
				width:140px !important;
				height:140px !important;
				border: none;
				z-index:2;
			}*/

}
.general ol.listElm.vueMignature li.sel,
.general ul.listElm.vueMignature li.sel {
  background-color: #525252 !important;
}
.general ol.listElm.vueMignature li input[type="checkbox"] + label,
.general ul.listElm.vueMignature li input[type="checkbox"] + label {
  position: absolute;
  bottom: 2px;
  left: 60px;
}
.general ol.listElm.vueMignature li img,
.general ul.listElm.vueMignature li img {
  width: 140px !important;
  height: 140px !important;
  z-index: 1;
}
.general ol.listElm.vueMignature li .mediaPrincipal,
.general ul.listElm.vueMignature li .mediaPrincipal,
.general ol.listElm.vueMignature li .boutonMod,
.general ul.listElm.vueMignature li .boutonMod,
.general ol.listElm.vueMignature li .boutonSupp,
.general ul.listElm.vueMignature li .boutonSupp,
.general ol.listElm.vueMignature li .content,
.general ul.listElm.vueMignature li .content,
.general ol.listElm.vueMignature li .picto,
.general ul.listElm.vueMignature li .picto,
.general ol.listElm.vueMignature li .boutonImport,
.general ul.listElm.vueMignature li .boutonImport,
.general ol.listElm.vueMignature li .boutonNoImport,
.general ul.listElm.vueMignature li .boutonNoImport {
  display: none !important;
}
.general ol.vueMignature2,
.general ul.vueMignature2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  background-color: #fff;
  padding: 10px 0 0 10px;
  margin-top: 10px;
}
.general ol.vueMignature2.clickable li,
.general ul.vueMignature2.clickable li {
  cursor: pointer;
}
.general ol.vueMignature2 li,
.general ul.vueMignature2 li {
  width: 110px;
  height: 110px !important;
  padding: 5px;
  text-align: center;
  margin: 0 10px 10px 0;
  background-color: #ededed;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  clear: none;
  position: relative;
}
.general ol.vueMignature2 li.sel,
.general ul.vueMignature2 li.sel {
  background-color: #525252 !important;
}
.general ol.vueMignature2 li input[type="checkbox"] + label,
.general ul.vueMignature2 li input[type="checkbox"] + label {
  position: absolute;
  bottom: 2px;
  left: 60px;
}
.general ol.vueMignature2 li .mediaPrincipal,
.general ul.vueMignature2 li .mediaPrincipal,
.general ol.vueMignature2 li .boutonMod,
.general ul.vueMignature2 li .boutonMod,
.general ol.vueMignature2 li .boutonSupp,
.general ul.vueMignature2 li .boutonSupp,
.general ol.vueMignature2 li .content,
.general ul.vueMignature2 li .content,
.general ol.vueMignature2 li .picto,
.general ul.vueMignature2 li .picto,
.general ol.vueMignature2 li .boutonImport,
.general ul.vueMignature2 li .boutonImport,
.general ol.vueMignature2 li .boutonNoImport,
.general ul.vueMignature2 li .boutonNoImport {
  display: none !important;
}
.general .listgroupeMotsCles {
  float: left;
  width: 100%;
}
.general .listgroupeMotsCles > li {
  float: left;
  padding: 20px 0 10px 0;
  width: 100%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.09999999999999998);
}
.general .listgroupeMotsCles > li h3 {
  float: left;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0;
  margin: 0 7px 0 0;
}
.general .listgroupeMotsCles > li .table {
  width: 100%;
}
.general .listgroupeMotsCles > li .table > .row .cell select {
  font-size: 14px;
}
.general .listgroupeMotsCles > li .table > .row .cell select[name="id_qualifiant"] {
  -moz-border-arr: 0.3125em 0 0 0.3125em;
  -webkit-border-arr: 0.3125em 0 0 0.3125em;
  border-radius: 0.3125em 0 0 0.3125em;
}
.general .listgroupeMotsCles > li .table > .row .cell .boutonAdd {
  background-color: #009fe3 !important;
  margin: 0;
  padding: 0;
  min-width: 28px;
  height: 30px;
  line-height: 30px;
  -moz-border-arr: NaNem 0.1875em 0;
  -webkit-border-arr: 0 0.1875em 0.1875em 0;
  border-radius: 0 0.1875em 0.1875em 0;
}
.general ul.listAttrib,
.general ul.listMcRech {
  float: left;
  width: 100%;
  padding: 0;
}
.general ul.listAttrib li.title,
.general ul.listMcRech li.title {
  line-height: 30px;
  font-size: 20px;
}
.general ul.listAttrib li:not(.title),
.general ul.listMcRech li:not(.title) {
  float: left;
  margin: 0 20px 20px 0;
  -moz-border-arr: 0.3125em 0.3125em 0.3125em 0;
  -webkit-border-arr: 0.3125em 0.3125em 0.3125em 0;
  border-radius: 0.3125em 0.3125em 0.3125em 0;
  background-color: #009fe3;
  color: #009fe3;
  padding: 3px 7px;
  text-transform: uppercase;
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
}
.general ul.listAttrib li:not(.title)::before,
.general ul.listMcRech li:not(.title)::before {
  content: " ";
  width: 10px;
  height: 10px;
  background: url("/img/pictoBasAttribut.png") center center no-repeat #009fe3;
  background-size: 10px;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: -1;
}
.general ul.listAttrib li:not(.title) span,
.general ul.listMcRech li:not(.title) span {
  text-transform: none;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
}
.general ul.listAttrib li:not(.title) div.del,
.general ul.listMcRech li:not(.title) div.del {
  display: none;
}
.general ul.listAttrib li:not(.title):hover,
.general ul.listMcRech li:not(.title):hover {
  background-color: #ffffff;
  cursor: pointer;
}
.general ul.listAttrib li:not(.title):hover::before,
.general ul.listMcRech li:not(.title):hover::before {
  background: url("/img/pictoBasAttribut.png") center center no-repeat #ffffff;
}
.general ul.listAttrib li:not(.title):hover div.del,
.general ul.listMcRech li:not(.title):hover div.del {
  display: block;
  position: absolute;
  right: -5px;
  top: -5px;
  height: 12px;
  width: 12px;
  line-height: 10px;
  background-color: red;
  -moz-border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  border-radius: 0.625em;
  color: #fff;
  font-size: 10px;
  text-align: center;
}
.general input[type="button"]:not(.noCSS):not(.newBtn):not(.ptBtMod):not(.ptBtSupp):not(
			.inverserSelection
		),
.general input[type="submit"]:not(.noCSS):not(.ptBtMod):not(.ptBtSupp),
.general input.btBleu {
  background-color: #5594d0;
  color: #fff;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  float: left;
  border: none;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  margin-right: 5px;
  font-size: 20px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif !important;
  font-weight: 400;
}
.general .boutonMod {
  background: rgba(82, 82, 82, 0.2) url("/img/pictoMod.png") no-repeat scroll center center / 17px auto;
}
.general form select {
  width: auto;
}
.general form h2 {
  color: #525225;
}
.general .titreTable {
  float: left;
  color: #525252;
  text-transform: uppercase;
  font-size: 40px;
  height: 70px;
  line-height: 70px;
  font-style: normal;
  font-weight: 300;
  max-width: 900px;
  overflow: hidden;
}
.general .nbLignes {
  float: left;
  color: #fff;
  background-color: #525252;
  padding: 0 5px;
  margin: 20px 0 20px 10px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  font-weight: bold;
  font-size: 20px;
  position: relative;
  height: 30px;
  min-width: 30px;
  text-align: center;
  line-height: 30px;
  margin: 25px 20px 20px 15px;
}
.general .nbLignes:before {
  float: left;
  content: " ";
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 30px;
  line-height: 30px;
  background: url("/img/flecheNb.png") center center no-repeat #ededed;
  background-size: 10px;
}
.general .alerte {
  font-size: 12px;
  background: transparent url("/img/pictoAlerte.png") no-repeat scroll left center / 10px auto;
  padding-left: 15px;
  text-transform: none;
  min-width: 15px;
  min-height: 15px;
}
.general .redAlerte {
  font-size: 12px;
  background: transparent url("/img/picto_redAlerte.png") no-repeat scroll left center / 10px auto;
  padding-left: 15px;
  color: #c42235;
  text-transform: none;
  min-width: 15px;
  min-height: 15px;
}
.general .alert2 {
  background: transparent url("/img/pictoError.png") left center no-repeat;
  background-size: 15px auto;
  color: #c42235;
  font-size: 16px;
  padding-left: 25px;
  min-width: 15px;
  min-height: 15px;
}
.general #scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  color: #fff;
  z-index: 20000;
  background: transparent url("/img/new_fleche_monte.png") center center no-repeat;
  background-size: auto 100%;
  width: 80px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 0 10px 0;
  font-weight: 300;
  font-style: italic;
  font-size: 15px;
  opacity: 0.75;
  line-height: 15px;
}
.general #scrollToTop span {
  font-weight: 600;
  font-style: normal;
}
.general #scrollToTop:hover {
  opacity: 1;
}
.general .blocUser {
  float: left;
  width: 45%;
  margin: 0 20px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: 300;
}
.general .blocUser h2 {
  color: #ffffff;
  font-size: 40px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  position: relative;
  text-transform: none;
}
.general .blocUser h2.user {
  padding-left: 45px;
}
.general .blocUser h2.user:after {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  width: 30px;
  height: 46px;
  background: #ffffff url("/img/pictoUserBig.png") left top no-repeat;
  background-size: 100% auto;
}
.general .blocUser #modAmbiance {
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #cecece;
}
.general .blocUser #infosConn {
  float: left;
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #cecece;
}
.general .blocUser form[name="modCompte"] legend {
  float: left;
  width: auto;
  background-color: #525252;
  font-size: 30px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  -moz-border-arr: 0.3125em 0.3125em 0 0;
  -webkit-border-arr: 0.3125em 0.3125em 0 0;
  border-radius: 0.3125em 0.3125em 0 0;
}
.general .blocUser form[name="modCompte"] .content {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 18px;
}
.general .blocUser form[name="modCompte"] .content input[type="button"] {
  margin: 8px 0 5px 0;
}
.general .blocUser form[name="modCompte"].connected legend {
  background-color: #ffffff;
}
.general .blocUser .compteActif {
  float: left;
  width: 100%;
  position: relative;
  padding-left: 37px;
  vertical-align: middle;
  margin-top: 10px;
}
.general .blocUser .compteActif:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 30px;
  height: 30px;
  background: #ffffff url("/img/compteActif.png") left top no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
}
.general .cell {
  display: table-cell;
  vertical-align: middle;
}
.general #resumeInfos {
  position: relative;
  margin: 0 0 20px 48px;
  width: 100%;
  height: auto;
  clear: both;
}
.general #resumeInfos:not(.resumePart)::before {
  content: " ";
  position: absolute;
  left: -48px;
  top: 0px;
  width: 48px;
  height: 48px;
  background: transparent url("/img/pictoInfos.png") no-repeat scroll left top / 40px auto;
}
.general #resumeInfos .cell {
  width: 25%;
  border-left: solid 1px rgba(82, 82, 82, 0.09999999999999998);
  padding-left: 15px;
  color: #525252;
  vertical-align: top;
}
.general #resumeInfos .cell .title {
  color: #525252;
  font-size: 20px;
  margin-right: 15px;
  float: none !important;
  height: 40px;
  line-height: 40px;
}
.general .resumeInfos,
.general #resumeMessage {
  margin-top: 40px !important;
  flex: 2;
  display: flex;
  flex-direction: column;
}
.general .resumeInfos::before,
.general #resumeMessage::before {
  content: "";
  width: 0 !important;
  height: 0 !important;
  top: 0;
  left: 0;
}
.general .resumeInfos .cell,
.general #resumeMessage .cell {
  border-left: none !important;
  padding: 20px 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-left: 50px !important;
  font-size: 24px;
  font-weight: 300;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  color: #525252;
}
.general .resumeInfos .cell.blocPerso,
.general #resumeMessage .cell.blocPerso {
  background: url("/img/pictoAttention.png") left top 20px no-repeat;
  background-size: 32px auto;
}
.general .resumeInfos .cell.blocPerso,
.general #resumeMessage .cell.blocPerso {
  background: url("/img/pictoAttention.png") left top 20px no-repeat;
  background-size: 32px auto;
}
.general .resumeInfos .cell.blocMessage,
.general #resumeMessage .cell.blocMessage {
  background: url("/img/pictoMessage.png") left top 20px no-repeat;
  background-size: 32px auto;
}
.general .resumeInfos .cell.blocAgent,
.general #resumeMessage .cell.blocAgent {
  background: url("/img/icono/picto_contact_gr.png") left top 20px no-repeat;
  background-size: 32px auto;
}
.general .resumeInfos .cell.blocContact,
.general #resumeMessage .cell.blocContact {
  background: url("/img/picto_email.png") left top 20px no-repeat;
  background-size: 32px auto;
}
.general .resumeInfos .cell.blocDetail,
.general #resumeMessage .cell.blocDetail {
  background: url("/img/pictoInterrogation.png") left top 20px no-repeat;
  background-size: 32px auto;
}
.general .resumeInfos .cell.blocInfo,
.general #resumeMessage .cell.blocInfo {
  background: url("/img/pictoPlusGris.png") left top 20px no-repeat;
  background-size: 32px auto;
}
.general .resumeInfos .cell strong,
.general #resumeMessage .cell strong {
  font-size: 16px;
  font-weight: 600;
}
.general .resumeInfos .cell:not(:first-child),
.general #resumeMessage .cell:not(:first-child) {
  border-top: solid 1px rgba(82, 82, 82, 0.2);
}
.general .resumeInfos .cell.blocPerso .listInfo i,
.general #resumeMessage .cell.blocPerso .listInfo i,
.general .resumeInfos .cell.blocAgent .listInfo i,
.general #resumeMessage .cell.blocAgent .listInfo i,
.general .resumeInfos .cell.blocContact .listInfo i,
.general #resumeMessage .cell.blocContact .listInfo i,
.general .resumeInfos .cell.blocDetail .listInfo i,
.general #resumeMessage .cell.blocDetail .listInfo i,
.general .resumeInfos .cell.blocInfo .listInfo i,
.general #resumeMessage .cell.blocInfo .listInfo i {
  font-size: 20px;
}
.general fieldset:not(.noCSS) {
  width: 100%;
  position: relative;
  padding: 60px 20px 20px;
  margin-top: 20px;
  border: none;
  background-color: #fff;
  float: left;
}
.general fieldset:not(.noCSS).SepTrait {
  border-top: solid 1px rgba(82, 82, 82, 0.09999999999999998);
  border-bottom: solid 1px rgba(82, 82, 82, 0.09999999999999998);
}
.general fieldset:not(.noCSS).padding20 {
  padding: 20px 20px;
}
.general fieldset:not(.noCSS) legend:not(.noToggle):not(.h2toggle) {
  position: absolute;
  top: 0;
  left: 0px;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #009fe3;
  text-transform: uppercase;
  padding: 0 0 0 25px;
  margin: 0 0 0 18px;
  background: transparent url("/img/pictoMoinsBleu.png") no-repeat scroll left center / 20px auto;
  cursor: pointer;
}
.general fieldset:not(.noCSS).close {
  height: 40px;
  overflow: hidden;
  padding-bottom: 0;
}
.general fieldset:not(.noCSS).close * {
  display: none;
}
.general fieldset:not(.noCSS).close legend {
  display: block;
  background: transparent url("/img/pictoPlusBleu.png") no-repeat scroll left center / 20px auto;
}
.general fieldset:not(.noCSS).noBackground {
  background-color: transparent;
  padding: 45px 0 20px 0;
  margin-top: 20px;
}
.general fieldset:not(.noCSS).noBackground legend {
  position: absolute;
  top: 0px;
  display: block;
  width: 100%;
  font-size: 40px;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #525252;
  padding: 0;
  margin: 0;
}
.general fieldset:not(.noCSS).demiLeft {
  float: left;
  width: 265px;
  padding-right: 30px;
  margin-right: 30px;
  border-right: solid 1px #525252;
}
.general fieldset:not(.noCSS).demiRight {
  float: left;
  width: 450px;
}
.general fieldset:not(.noCSS) span.titre {
  font-weight: bold;
  font-size: 14px;
}
.general fieldset:not(.noCSS) select {
  background: #ffffff url("/img/chevron-down.png") no-repeat scroll 95% center;
  background-color: #ffffff;
  outline: medium none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 28px;
  line-height: 23px;
  width: auto;
  max-width: 100%;
  line-height: 20px;
  background-color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  border: 0;
  padding-right: 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
}
.general fieldset:not(.noCSS) select,
.general fieldset:not(.noCSS) fieldset select,
.general fieldset:not(.noCSS) select.bgGris {
  -moz-box-shadow: 0px 0px 0px 1px #ededed;
  -webkit-box-shadow: 0px 0px 0px 1px #ededed;
  -o-box-shadow: 0px 0px 0px 1px #ededed;
  box-shadow: 0px 0px 0px 1px #ededed;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#ededed, Direction=NaN, Strength=0);
}
.general fieldset:not(.noCSS) label:not(.noCSS),
.general fieldset:not(.noCSS) .label:not(.noCSS) {
  float: left;
  font-size: 16px;
  color: #525252;
  margin: 0 0.625em 0.625em 0;
  width: 32.026%;
  font-style: normal;
  font-weight: 300;
}
.general fieldset:not(.noCSS) input[type="text"]:not(.noCSS),
.general fieldset:not(.noCSS) input[type="email"]:not(.noCSS),
.general fieldset:not(.noCSS) input[type="date"]:not(.noCSS),
.general fieldset:not(.noCSS) input[type="tel"]:not(.noCSS),
.general fieldset:not(.noCSS) input[type="number"]:not(.noCSS),
.general fieldset:not(.noCSS) input[type="url"]:not(.noCSS),
.general fieldset:not(.noCSS) textarea:not(.noCSS):not(.handsontableInput) {
  text-transform: none;
  font-size: 12px;
  max-width: 100%;
  width: 100%;
  height: 28px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  border: none;
  background-color: #ededed;
  padding: 0 5px;
  padding-left: 5px;
  display: inline-block;
}
.general fieldset:not(.noCSS) .allWidth {
  width: 100% !important;
}
.general fieldset:not(.noCSS) textarea:not(.noCSS):not(.handsontableInput) {
  height: 70;
  padding: 10px;
}
.general fieldset:not(.noCSS) .textarea:not(.handsontableInput):not(.readonly) {
  padding: 10px;
  border: dashed 1px #009fe3;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  text-transform: none;
  font-family: "proxima-nova", "Open Sans Condensed", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.general fieldset:not(.noCSS) .textarea:not(.handsontableInput):not(.readonly):not(.textareaReadonly):before {
  position: absolute;
  content: " ";
  width: 30px;
  height: 30px;
  background: transparent url("/img/btModifTxtOff.png") no-repeat scroll center center / 19px auto;
  top: -20px;
  right: -20px;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  overflow: hidden;
}
.general fieldset:not(.noCSS) .textarea:not(.handsontableInput):not(.readonly):not(.textareaReadonly):hover {
  background-color: rgba(85, 148, 208, 0.3);
  border: solid 1px #bfd2e4;
}
.general fieldset:not(.noCSS) .textarea:not(.handsontableInput):not(.readonly):not(.textareaReadonly):hover:before {
  position: absolute;
  content: " ";
  width: 30px;
  height: 30px;
  background: transparent url("/img/btModifTxtOn.png") no-repeat scroll center center / 19px auto;
  top: -20px;
  right: -20px;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
}
.general fieldset:not(.noCSS) #listDroits,
.general fieldset:not(.noCSS) #listDatesContratPrestation,
.general fieldset:not(.noCSS) #listLignesFactures {
  width: 100%;
  float: left;
}
.general fieldset:not(.noCSS) #listDroits > li,
.general fieldset:not(.noCSS) #listDatesContratPrestation > li,
.general fieldset:not(.noCSS) #listLignesFactures > li {
  float: left;
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px rgba(0, 159, 227, 0.2);
  width: 100%;
}
.general fieldset:not(.noCSS) #listDroits > li:first-child,
.general fieldset:not(.noCSS) #listDatesContratPrestation > li:first-child,
.general fieldset:not(.noCSS) #listLignesFactures > li:first-child {
  margin-top: 0;
}
.general fieldset:not(.noCSS) #listDroits > li:last-child,
.general fieldset:not(.noCSS) #listDatesContratPrestation > li:last-child,
.general fieldset:not(.noCSS) #listLignesFactures > li:last-child {
  text-align: center;
}
.general fieldset:not(.noCSS) #listDroits > li:last-child input,
.general fieldset:not(.noCSS) #listDatesContratPrestation > li:last-child input,
.general fieldset:not(.noCSS) #listLignesFactures > li:last-child input {
  float: none;
}
.general fieldset:not(.noCSS) #listDroits > li h2,
.general fieldset:not(.noCSS) #listDatesContratPrestation > li h2,
.general fieldset:not(.noCSS) #listLignesFactures > li h2 {
  color: #009fe3;
  font-size: 30px;
  margin: 0;
}
.general fieldset:not(.noCSS) #listDroits > li .boutonSupp,
.general fieldset:not(.noCSS) #listDatesContratPrestation > li .boutonSupp,
.general fieldset:not(.noCSS) #listLignesFactures > li .boutonSupp {
  float: left !important;
}
.general fieldset:not(.noCSS) .ui-autocomplete-inputOK {
  padding-right: 32px !important;
  background: url(/img/autocomplete2.png) no-repeat left 8px center / 20px auto, url(/img/autocompleteOK.png) no-repeat right 8px center / 15px auto;
  background-color: rgba(0, 0, 0, 0);
  background-color: #ededed;
}
.general fieldset:not(.noCSS) .ui-autocomplete-input {
  padding-left: 32px !important;
  background: url("/img/autocomplete.png") left 8px center no-repeat transparent;
  background-color: transparent;
  background-size: auto;
  background-size: 20px auto;
}
.general tfoot {
  z-index: 1100 !important;
}
/*** fin css commun APPS2 ***/
body {
  font-family: "proxima-nova-extra-condensed", sans-serif;
}
html {
  background-color: #ededed;
}
.tableV2 td.checkbox::before {
  display: none !important;
}
.pictoAgenda {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-size: 16px;
  color: #525252;
  margin: 0 30px 0;
  font-size: 20px;
  font-weight: bold;
}
.pictoAgenda::before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #484848;
  mask: url(https://icono.agencedwm.com/svg/picto_agenda-jour_nr.svg) no-repeat center / contain;
  -webkit-mask: url(https://icono.agencedwm.com/svg/picto_agenda-jour_nr.svg) no-repeat center / contain;
}
.docInvalide {
  color: #c42235 !important;
  background: transparent url("https://icono.agencedwm.com/picto_facture-retenue_rg.png") left center no-repeat;
  background-size: 25px;
  padding-left: 30px;
  min-width: 25px;
}
.docInvalide:hover,
.docInvalide:visited {
  color: #c42235 !important;
}
.alertFactRG {
  color: #c42235 !important;
  background: transparent url("https://icono.agencedwm.com/picto_DocInvalide_rg.png") left center no-repeat;
  background-size: 25px;
  background-color: transparent !important;
  padding-left: 30px;
  min-width: 25px;
  margin: 0 0 0 10px !important;
}
.alertFactRG:hover,
.alertFactRG:visited {
  color: #c42235 !important;
}
.pictoVisu {
  display: block;
  color: #525252 !important;
  padding: 0 0 0 35px;
  min-width: 25px;
  position: relative;
  margin: 0 0 20px 0;
}
.pictoVisu:after {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #525252 url("https://icono.agencedwm.com/pictoVisu.png") no-repeat scroll center center / 22px auto;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
}
.pictoVisu:hover,
.pictoVisu:visited {
  color: #525252 !important;
}
.msgAlerteV2 {
  width: 100%;
  display: flex;
  padding: 20px 0;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
  position: relative;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px rgba(82, 82, 82, 0.1);
}
.msgAlerteV2 aside {
  flex: 1;
  width: auto;
  font-size: 16px;
  color: #e30613;
  min-height: 32px;
  text-align: left;
  position: relative;
  font-style: italic;
  display: inline-block;
  padding: 0 20px 0 50px;
  background: transparent url("/img/icono/pictoErreur.png") left center / 36px no-repeat;
}
.msgAlerteV2 aside a,
.msgAlerteV2 aside a:visited,
.msgAlerteV2 aside a:hover {
  color: #e30613;
  text-decoration: underline;
}
.msgAlerteV2 .genPDF {
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  width: auto;
  height: 40px;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  padding: 8px 10px;
  line-height: 20px;
  align-items: center;
  padding: 0 10px 0 40px;
  background-color: #009fe3;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  background: transparent url("/img/icono/pictoPDF_bl.png") 10px center / 25px no-repeat;
}
.hideElm,
.hiddenElm {
  display: none !important;
}
.toggleElm {
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  color: #525252 !important;
  text-transform: inherit !important;
  font-size: 30px !important;
  padding-left: 44px !important;
  background: url("http://icono.agencedwm.com/picto_liste_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
  font-weight: 300 !important;
  margin-bottom: 5px !important;
  margin-top: 10px !important;
  position: relative;
  padding-right: 40px !important;
  cursor: pointer;
}
.toggleElm::after {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 0;
  bottom: 0;
  content: " ";
  margin: auto;
  background: url("/img/picto_title_close.png") right center no-repeat;
  background-size: 24px auto;
  opacity: 0.25;
}
.toggleElm.close::after {
  background: url("/img/picto_title_open.png") right center / 24px auto no-repeat;
}
.toggleElm:hover::after {
  opacity: 1 !important;
}
.toggleElm sup {
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  font-size: 18px !important;
}
.toggleElm.titreFlex {
  display: flex;
  align-items: center;
  max-width: auto !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 44px !important;
}
.toggleElm.titreFlex sup {
  margin-bottom: auto;
  align-self: flex-start;
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  font-size: 18px !important;
  position: inherit !important;
}
.toggleElm.titreApps {
  max-width: auto !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 44px !important;
  line-height: 30px !important;
}
.toggleElm.titreApps sup {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
}
.toggleElm .lblTitle {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-left: 10px;
  border-left: solid 1px rgba(82, 82, 82, 0.2);
  height: 100%;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #525252;
}
.toggleElm select {
  border: solid 1px rgba(82, 82, 82, 0.2) !important;
  background-color: transparent !important;
  margin-top: 5px;
  margin-left: auto;
  margin-bottom: 5px;
  margin-right: 10px;
}
.toggleElm input[type="checkbox"]:not(.affiche):not(.chbxFiltre) {
  display: none;
}
.toggleElm input[type="checkbox"]:not(.affiche):not(.chbxFiltre) + label {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  opacity: 0.6;
  border: 0 !important;
}
.toggleElm input[type="checkbox"]:not(.affiche):not(.chbxFiltre) + label:hover {
  opacity: 1;
  background-color: transparent !important;
}
.toggleElm input[type="checkbox"]:not(.affiche):not(.chbxFiltre):not(:checked) + label {
  background: url("https://general.adwm.info/img/picto_check_off.png") center center no-repeat !important;
  background-size: 20px auto !important;
}
.toggleElm input[type="checkbox"]:not(.affiche):not(.chbxFiltre):checked + label {
  background: url("https://general.adwm.info/img/picto_check_on.png") center center no-repeat !important;
  background-size: 20px auto !important;
}
.toggleElm input[type="checkbox"]:not(.affiche):not(.chbxFiltre).partiellementCoche + label {
  background: url("https://general.adwm.info/img/picto_check_grpOn.png") center center no-repeat !important;
  background-size: 20px auto !important;
}
.toggleElm.withBtn {
  display: flex !important;
  align-items: flex-start !important;
  white-space: nowrap !important;
  margin-bottom: 10px !important;
}
.toggleElm.withBtn span {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 2;
  line-height: 40px;
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  color: #525252 !important;
  text-transform: capitalize !important;
  font-size: 30px !important;
}
.toggleElm.withCheckbox {
  display: flex;
  align-items: center;
}
.toggleElm .btnCreation {
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 0 0 40px !important;
  background: #009fe3 url("/img/picto_editer_bl.png") center left 10px no-repeat !important;
  background-size: 20px auto !important;
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  font-size: 20px !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 5px !important;
  margin-left: auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
}
.toggleElm.withField {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  text-transform: none !important;
  padding-left: 32px !important;
  background-size: 20px !important;
  font-size: 24px !important;
  margin: auto !important;
}
.toggleElm.withField label {
  display: flex;
  margin-left: 10px !important;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 0 !important;
}
.toggleElm.withField label input {
  margin-left: 7px;
}
.toggleElm.titreFacture {
  background: url("https://icono.agencedwm.com/picto_facture_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreFactureF {
  background: url("https://icono.agencedwm.com/picto_factureF_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreCommande {
  background: url("https://icono.agencedwm.com/picto_commande_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreChauffeur {
  background: url("https://icono.agencedwm.com/picto_chauffeur_gr.png") center left no-repeat transparent !important;
  background-size: auto 32px !important;
}
.toggleElm.titreListeGR {
  background: url("https://general.adwm.info/img/picto_liste_grand.gif") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreUsers {
  background: url("https://icono.agencedwm.com/picto_homme_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreEuros {
  background: url("https://icono.agencedwm.com/picto_ticket_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreDocSupp {
  background: url("https://icono.agencedwm.com/picto_documentsSuppr_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreDocAjout {
  background: url("https://icono.agencedwm.com/picto_documentsAjout_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreContact {
  background: url("https://icono.agencedwm.com/picto_contact_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreDocument {
  background: url("https://icono.agencedwm.com/picto_doc_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreDocuments {
  background: url("https://icono.agencedwm.com/picto_documents_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreMessage {
  background: url("https://general.adwm.info/img/picto_message_gr_tr.gif") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreExport {
  background: url("https://general.adwm.info/img/picto_export_gr.gif") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreOrdres {
  background: url("https://icono.agencedwm.com/picto_dossier-fleche_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreOrdres .btnCreation {
  background: #009fe3 url("https://icono.agencedwm.com/picto_dossier-fleche_bl.png") center left 10px no-repeat !important;
  background-size: 20px auto !important;
}
.toggleElm.titreGraphic4 {
  background: url("https://icono.agencedwm.com/picto_graphic4_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreAdhesion {
  background: url("https://icono.agencedwm.com/picto_editionTableau_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreStructure {
  background: url("https://icono.agencedwm.com/picto_batiment_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreClient {
  background: url("https://icono.agencedwm.com/picto_homme-macaron_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreFournisseur {
  background: url("https://icono.agencedwm.com/picto_fournisseur_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.titreValidation {
  background: url("https://icono.agencedwm.com/picto_valider_gr.png") center left no-repeat transparent !important;
  background-size: 32px !important;
}
.toggleElm.noPicto {
  padding-left: 0px !important;
  background: transparent !important;
}
.toggleElm #montantTTC {
  display: flex;
  position: relative;
  align-items: baseline;
  margin-left: auto;
}
.toggleElm #montantTTC aside {
  margin: 0 10px 0 0;
  font-size: 16px;
}
.txtInfoRG {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #e30613 !important;
  margin-top: 10px;
  padding-left: 60px;
  background: url("/img/picto_prio_red.png") center left 8px no-repeat;
  background-size: 44px auto !important;
}
.txtInfoRG.docOK {
  color: #77bc00 !important;
  background: url("/img/picto_valide_checked.png") center left 8px no-repeat;
  background-size: 44px auto !important;
}
.txtInfoRG.docOK span {
  color: #77bc00 !important;
}
.txtInfoRG span {
  font-family: "proxima-nova", "Open Sans Condensed", sans-serif !important;
  color: #e30613 !important;
  font-weight: 300 !important;
  font-size: 16px !important;
}
.infoPopup {
  position: fixed;
  height: 80px;
  padding: 10px;
  color: #529c38;
  right: 0;
  width: 350px;
  max-width: 50%;
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
  z-index: 100000 !important;
  padding-left: 50px !important;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
  background-color: #fff;
}
.infoPopup::before {
  width: 40px;
  height: 100%;
  content: " ";
  left: 0;
  top: 0;
  background: #529c38 url("https://icono.agencedwm.com/picto_macaron-check_bl.png") center center no-repeat;
  background-size: 24px auto;
  position: absolute;
  display: block;
}
input[type="button"].btBleu.smallBtSwitch {
  background: #009fe3 url("/img/picto_exchange.png") center / 15px no-repeat !important;
  height: 20px !important;
  width: 20px;
}
input[type="button"].btBleu.smallBtSwitch:hover {
  background: #009fe3 url("/img/picto_exchange.png") center / 15px no-repeat !important;
}
#infosBlocs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  grid-gap: 40px;
  margin: 40px 0 0 0;
  padding: 0 0 40px 0;
  border-bottom: solid 1px rgba(82, 82, 82, 0.1);
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li {
  max-width: 320px;
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  display: block;
  position: relative;
  -moz-border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  border-radius: 0.625em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .flagInitial {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #0ba3e5 transparent transparent;
  -moz-border-arr: 0 10px 0 0;
  -webkit-border-arr: 0 10px 0 0;
  border-radius: 0 10px 0 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .flagInitial span {
  width: auto;
  position: absolute;
  right: -40px;
  top: 7px;
  color: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li h1 {
  width: 100%;
  display: block;
  position: relative;
  margin: 15px 0 20px 0 !important;
  padding: 0 0 0 50px !important;
  font-size: 30px;
  line-height: 30px;
  color: #525252;
  font-weight: 300;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li h1#lignesCV:before {
  content: "";
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: transparent url("https://general.adwm.info/img/icono/picto_gestionCategorie_gr.png") left top no-repeat;
  background-size: auto;
  background-size: 40px !important;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li h1#alertesDoc:before {
  content: "";
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: transparent url("/img/icono/picto_doc.png") left top no-repeat;
  background-size: auto;
  background-size: 40px !important;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li h1#dernierJour:before {
  content: "";
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: transparent url("/img/icono/picto_dernierJour.png") left top no-repeat;
  background-size: auto;
  background-size: 40px !important;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesAlertes {
  width: 100%;
  display: flex;
  position: relative;
  align-items: flex-start;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesAlertes li.alerteLi {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesAlertes li.alerteLi:first-child {
  border-right: dashed 1px #009fe3;
}
#infosBlocs > li .lignesAlertes li.alerteLi:last-child {
  position: absolute;
  justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-top: none;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
#infosBlocs > li .lignesAlertes li.alerteLi:last-child .btn {
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
  color: #ffffff;
  background-color: #0ba3e5;
  padding: 0 28px 0 13px;
  text-align: left;
  cursor: pointer;
  font-size: 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesAlertes li.alerteLi:last-child .btn:before {
  content: "";
  width: 6px;
  height: 12px;
  display: block !important;
  background: transparent url("/img/pt_flecheB.png") left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesAlertes li.alerteLi .lignesBlocs li {
  flex-wrap: wrap;
  justify-content: flex-start;
}
#infosBlocs > li .lignesAlertes li.alerteLi .lignesBlocs li:last-child {
  height: auto;
  position: relative;
  border-top: solid 1px rgba(82, 82, 82, 0.1);
}
#infosBlocs > li .lignesBlocs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-start;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesBlocs li {
  max-width: 320px;
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesBlocs li:not(:first-child) {
  border-top: solid 1px rgba(82, 82, 82, 0.1);
}
#infosBlocs > li .lignesBlocs li:first-child {
  border-right: none;
}
#infosBlocs > li .lignesBlocs li:first-child h2 {
  margin: 0;
  padding: 0;
  color: #525252;
  font-size: 32px;
  line-height: 32px;
  text-transform: none !important;
  font-weight: 700;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesBlocs li:first-child h2 span {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesBlocs li:first-child h2.bleu {
  color: #0ba3e5;
}
#infosBlocs > li .lignesBlocs li:first-child h2.right {
  text-align: right;
}
#infosBlocs > li .lignesBlocs li:last-child {
  position: absolute;
  justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-top: none;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
#infosBlocs > li .lignesBlocs li:last-child .btn {
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
  color: #ffffff;
  background-color: #0ba3e5;
  padding: 0 28px 0 13px;
  text-align: left;
  cursor: pointer;
  font-size: 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesBlocs li:last-child .btn:before {
  content: "";
  width: 6px;
  height: 12px;
  display: block !important;
  background: transparent url("/img/pt_flecheB.png") left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#infosBlocs > li .lignesBlocs li .cell {
  font-size: 20px;
  line-height: 20px;
  color: #525252;
}
#infosBlocs > li .lignesBlocs li .cell.right {
  text-align: right;
}
#infosBlocs > li .lignesBlocs li .cell.rouge {
  color: #e30613;
}
#infosBlocs > li .lignesBlocs li em {
  width: 100%;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
}
.errorPopup {
  position: fixed;
  height: 80px;
  padding: 10px;
  color: #dc1010;
  right: 0;
  width: 350px;
  max-width: 50%;
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
  z-index: 100000 !important;
  padding-left: 50px !important;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
  background-color: #fff;
}
.errorPopup::before {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  display: block;
  content: " ";
  left: 0;
  background: #dc1010 url("https://icono.agencedwm.com/picto_stop_bl.png") center center no-repeat;
  background-size: 24px auto;
}
.selOneElement:not(.noFlex) {
  display: flex;
  padding: 20px;
}
.selOneElement select {
  background: url("/img/chevron-down.png") no-repeat scroll 95% center;
  border: solid 1px rgba(82, 82, 82, 0.2) !important;
  background-color: transparent !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 30px;
  line-height: 23px;
  width: auto;
  max-width: 320px;
  width: 100%;
  min-width: 90px;
  line-height: 20px;
  padding-right: 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  font-family: "proxima-nova", sans-serif !important;
  font-size: 16px;
  color: #525252;
  font-weight: 300;
  box-shadow: 0px 0px 0px 1px #ededed;
  margin: 0 !important;
}
.selOneElement select.fullWidth {
  max-width: 100%;
}
.selOneElement select.noMaxWidth {
  max-width: inherit;
  width: auto;
}
.selOneElement .btMod {
  background: url("/img/picto_editer_gr.png") right center no-repeat;
  background-size: 12px auto;
  padding-right: 20px;
  cursor: pointer;
  margin-right: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
  font-size: 0 !important;
  border: 0;
  height: 30px;
}
.selOneElement .colResultat {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.selOneElement .colResultat:not(:last-child) {
  border-right: solid 1px rgba(82, 82, 82, 0.2);
}
hr {
  width: 100%;
  height: 1px;
  border: none;
  margin: 15px 0 10px 0;
  line-height: 1px;
  background-color: rgba(82, 82, 82, 0.1);
  padding: 0;
}
hr.darker {
  background: #525252;
}
.enteteAddBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.enteteAddBtn .btnBloc {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0 auto;
}
.enteteAddBtn hr {
  width: 100%;
  height: 1px;
  line-height: 1px;
  float: left;
  position: relative;
  vertical-align: top;
  background-color: rgba(82, 82, 82, 0.1);
  border: none;
  margin: 15px 0 10px 0;
  padding: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.enteteAddBtn input[type="button"] {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 40px;
  background: #009fe3 url("https://icono.agencedwm.com/picto_editer_bl.png") center left 10px no-repeat !important;
  background-size: 20px auto !important;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 20px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  flex-shrink: 10;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 15px auto 0 auto;
}
.enteteAddBtn input[type="button"].noMarginCenter {
  margin: 15px 5px 0 5px;
}
.enteteAddBtn input[type="button"]:hover {
  background-color: #525252;
}
h1:not(.titreTable):not(.titreSecondaire) {
  font-family: "proxima-nova-extra-condensed", sans-serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  color: #525252 !important;
  display: flex !important;
  align-items: baseline !important;
  white-space: nowrap !important;
  margin-bottom: 10px !important;
  margin-top: 30px !important;
  line-height: 40px;
}
h1:not(.titreTable):not(.titreSecondaire) strong {
  height: 40px;
  line-height: 40px;
  padding-right: 5px;
}
h1:not(.titreTable):not(.titreSecondaire) a {
  color: #525252;
  text-decoration: none;
}
h1:not(.titreTable):not(.titreSecondaire).noFlex {
  width: 100%;
  display: inline-block !important;
  position: relative;
  line-height: 40px;
  margin: 50px 0 !important;
}
h1:not(.titreTable):not(.titreSecondaire).noFlex.center {
  text-align: center;
}
h1:not(.titreTable):not(.titreSecondaire)#pictoPDFSign {
  padding: 0 0 0 75px;
}
h1:not(.titreTable):not(.titreSecondaire)#pictoPDFSign:before {
  content: "";
  width: 64px;
  height: 64px;
  background: transparent url("https://general.adwm.info/img/icono/picto_pdfsign_gr.png") left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 15px;
  right: inherit;
  margin: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
h1:not(.titreTable):not(.titreSecondaire)#pictoEditPDF {
  padding: 80px 0 0 0;
}
h1:not(.titreTable):not(.titreSecondaire)#pictoEditPDF:before {
  content: "";
  width: 64px;
  height: 64px;
  background: transparent url("https://general.adwm.info/img/icono/pictoEditPDF.png") left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
h1:not(.titreTable):not(.titreSecondaire)#pictoEdit {
  padding: 80px 0 0 0;
}
h1:not(.titreTable):not(.titreSecondaire)#pictoEdit:before {
  content: "";
  width: 64px;
  height: 64px;
  background: transparent url("https://general.adwm.info/img/icono/pictoEdit2.png") left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
h1:not(.titreTable):not(.titreSecondaire) .column {
  display: flex;
  flex-direction: column;
}
h1:not(.titreTable):not(.titreSecondaire) .column legend {
  display: flex;
}
h1:not(.titreTable):not(.titreSecondaire) .column a {
  color: #525252;
}
h1:not(.titreTable):not(.titreSecondaire) .column + input,
h1:not(.titreTable):not(.titreSecondaire) .column + a {
  margin-left: auto;
}
h1:not(.titreTable):not(.titreSecondaire) .alignRight {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  align-items: flex-end;
}
h1:not(.titreTable):not(.titreSecondaire) span {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 2;
  line-height: 40px;
}
h1:not(.titreTable):not(.titreSecondaire) .bleu {
  color: #009fe3;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle #retourPage {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  background: url("/img/picto_arrow_back.png") center center no-repeat;
  background-size: 24px auto;
  display: block;
  margin: 5px;
  opacity: 0.5;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle #retourPage:hover {
  opacity: 1;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .btnSEPA {
  background: url("/img/picto_sepa_gr.png") center center no-repeat;
  background-size: auto;
  background-size: 32px auto;
  display: inline-block;
  color: white;
  font-weight: 400;
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 0.5;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .btnSEPA:hover {
  opacity: 1;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .boutonSupp {
  margin-right: 30px !important;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .btnPDF,
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .btPDF {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  background: url("https://icono.agencedwm.com/picto_pdf_cy.png") center center / 24px auto no-repeat transparent !important;
  background-size: 15px auto;
  display: block;
  margin: 5px;
  margin-right: 30px !important;
  opacity: 1;
  border-radius: 5px !important;
  min-width: 24px !important;
  font-size: 0;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .btnPDF:hover,
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .btPDF:hover {
  opacity: 0.3;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .retourPage {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
  background: url("/img/picto_arrow_back.png") center center no-repeat;
  background-size: 24px auto;
  display: block;
  margin: 5px;
  opacity: 0.5;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle .retourPage:hover {
  opacity: 1;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle section#navDynamique {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle section#navDynamique #prevBtn {
  height: 32px;
  width: 32px;
  flex-shrink: 0;
  background: url("/img/picto_prev.png") center center no-repeat;
  background-size: 32px auto;
  display: block;
  margin: 5px;
  opacity: 0.5;
  cursor: pointer;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle section#navDynamique #prevBtn:not(.off):hover {
  opacity: 1;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle section#navDynamique #prevBtn.off {
  opacity: 0.2;
  cursor: default;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle section#navDynamique #nextBtn {
  height: 32px;
  width: 32px;
  flex-shrink: 0;
  background: url("/img/picto_next.png") center center no-repeat;
  background-size: 32px auto;
  display: block;
  margin: 5px;
  opacity: 0.5;
  cursor: pointer;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle section#navDynamique #nextBtn:not(.off):hover {
  opacity: 1;
}
h1:not(.titreTable):not(.titreSecondaire) aside#navTitle section#navDynamique #nextBtn.off {
  opacity: 0.2;
  cursor: default;
}
body.openMenu main {
  width: calc(100% - 240px);
}
.bgGrisClair {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-bottom: solid 1px #525252;
}
.capsuleTDB {
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}
.capsuleTDB .capsule {
  width: 350px;
  padding: 20 10px;
  background: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin: 10px;
}
.capsuleTDB .capsule article {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  height: 100%;
}
.capsuleTDB .capsule h2 {
  margin-bottom: auto !important;
  line-height: 30px !important;
  margin-top: 0 !important;
}
.capsuleTDB .capsule .lienCadre {
  height: auto;
  padding: 0px 10px;
  border: solid 1px rgba(82, 82, 82, 0.2);
  opacity: 0.7;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-size: 20px;
  border-radius: 0.125em;
  white-space: normal !important;
  overflow: hidden;
  margin: 5px !important;
  flex-shrink: 0 !important;
  margin-left: 5px !important;
  display: flex;
  align-items: center;
  text-align: center;
}
.capsuleTDB .capsule .lienCadre:hover {
  opacity: 1;
  border: solid 1px #525252;
}
.googleLink {
  float: left;
  margin: 10px auto 0 auto;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  background: transparent url("/img/btLoca.png") left top no-repeat;
  background-size: auto 100%;
}
.infoLogin {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  color: #525252;
  padding: 10px 20px 20px 20px;
  width: 100%;
  margin: auto;
  max-width: 1200px;
  margin-top: 20px;
  border-radius: 5px;
  overflow: hidden;
}
.infoLogin > article {
  display: flex;
  margin-top: 10px;
}
.infoLogin > article.welcome {
  flex-direction: column;
  flex: 1 auto;
  font-size: 20px;
  font-weight: 300;
}
.infoLogin > article.welcome h1 {
  margin: 0;
  flex: 1 auto;
  font-weight: 600;
  font-size: 30px;
  line-height: 30px;
  flex-grow: 0;
}
.infoLogin > article.info {
  flex: 3 auto;
  justify-content: center;
  flex-wrap: wrap;
}
.infoLogin > article.info div {
  padding: 45px 15px 15px 15px;
  text-align: center;
  font-weight: 400;
  min-width: 170px;
  font-size: 20px;
}
.infoLogin > article.info div.noPhoto {
  padding-top: 0;
  text-align: center;
}
.infoLogin > article.info div .capsulePhoto {
  height: 30px;
  width: 30px;
  -moz-border-radius: 0.9375em;
  -webkit-border-radius: 0.9375em;
  border-radius: 0.9375em;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}
.infoLogin > article.info div:not(:last-child) {
  border-right: solid 1px rgba(82, 82, 82, 0.2);
}
.infoLogin > article.info div span {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}
.infoLogin > article.info div i {
  font-size: 15px;
  line-height: 15px;
}
.infoLogin > article.info div.date {
  background: url("https://icono.agencedwm.com/picto_agenda-jour_gr.png") center top 10px no-repeat;
  background-size: 32px auto;
}
.infoLogin > article.info div.user:not(.noPhoto) {
  background: url("https://icono.agencedwm.com/picto_homme-cercle_gr.png") center top 10px no-repeat;
  background-size: auto 32px;
}
.infoLogin > article.info div.lastVisit {
  color: #e30613;
  background: url("/img/picto_attention_news.png") center top 10px no-repeat;
  background-size: 32px auto;
}
.infoLogin aside {
  width: 100%;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-size: 20px !important;
  color: #525252 !important;
  margin-top: 20px;
}
.infoLogin aside span {
  font-weight: 700;
  padding-top: 4px;
  margin-left: 7px;
  padding-left: 25px;
}
.infoLogin aside span.anni {
  background: url("/img/picto_gateauAnni.png") left center no-repeat;
  background-size: auto 20px;
  width: 100%;
}
.infoLogin aside span.fete {
  background: url("/img/picto_lunaire.png") left center no-repeat;
  background-size: auto 20px;
}
.infoLogin aside a {
  font-weight: 300;
  font-style: italic;
  padding-top: 4px;
  color: #525252;
  padding-left: 5px;
  text-decoration: none;
}
#saveStatut {
  margin-top: 5px;
  padding-top: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: solid 1px rgba(82, 82, 82, 0.2);
  font-family: "proxima-nova", sans-serif !important;
  font-size: 16px !important;
  color: #525252 !important;
  font-style: italic !important;
}
#listeStatut {
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  display: flex;
}
#listeStatut li {
  padding: 0 !important;
  margin: 0 !important;
  height: 40px !important;
  width: 40px !important;
}
#listeStatut li input[type="radio"] {
  display: none !important;
}
#listeStatut li input[type="radio"]#statutRefuse + label {
  background: rgba(227, 6, 19, 0.2) url("/img/picto_prio1.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutRefuse + label:hover {
  background: #e30613 url("/img/picto_prio_bl.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutRefuse:checked + label {
  background: #e30613 url("/img/picto_prio_bl.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutVerification + label {
  background: rgba(238, 124, 0, 0.2) url("/img/picto_prio2.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutVerification + label:hover {
  background: #ee7c00 url("/img/picto_prio_bl.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutVerification:checked + label {
  background: #ee7c00 url("/img/picto_prio_bl.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutValide + label {
  background: rgba(118, 184, 42, 0.2) url("/img/picto_prio6.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutValide + label:hover {
  background: #76b82a url("/img/picto_prio_bl.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li input[type="radio"]#statutValide:checked + label {
  background: #76b82a url("/img/picto_prio_bl.png") center center no-repeat !important;
  background-size: 24px auto !important;
}
#listeStatut li label {
  height: 40px !important;
  width: 40px !important;
  transition: all ease-in 0.2s !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}
#listDocLie {
  display: flex;
  margin: 0 10px 10px 10px;
  flex-wrap: wrap;
  width: 100%;
}
#listDocLie article {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border: solid 1px rgba(82, 82, 82, 0.2);
  border-radius: 0.325em;
  margin: 0 5px;
  cursor: pointer;
  position: relative;
}
#listDocLie article:hover .deleteDoc {
  display: flex !important;
}
#listDocLie article .deleteDoc {
  position: absolute;
  background: #ffffff url("/img/picto_delete.png") center center no-repeat;
  background-size: 10px auto;
  height: 20px;
  width: 20px;
  top: -10px;
  right: -10px;
  display: none;
  border-radius: 50%;
}
#listDocLie article span {
  color: #525252;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 14px !important;
  margin-bottom: 5px;
}
#listDocLie.pdfDoc article {
  background: url("/img/picto_pdf_gr.png") center top 5px no-repeat;
  background-size: 64px auto;
}
#listDocLie.pdfDoc article:hover {
  background: #525252 url("/img/picto_pdf_bl.png") center top 5px no-repeat !important;
  background-size: 64px auto !important;
}
#listDocLie.pdfDoc article:hover span {
  color: #fff !important;
}
h2.titreBtn {
  padding: 0 34px 0 40px !important;
  text-transform: inherit;
  color: #525252;
  font-size: 30px;
  line-height: 32px;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center;
  flex-shrink: 0;
}
h2.titreBtn span {
  margin-right: 10px;
}
h2.titreBtn::before {
  display: none !important;
}
h2.titreBtn .btnCreation {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 40px;
  background: #009fe3 url("/img/picto_editer_bl.png") center left 10px no-repeat;
  background-size: 20px auto;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 20px;
  color: #fff;
  border: 0;
  border-radius: 5px;
  margin: auto;
  flex-shrink: 10;
  overflow: hidden;
  text-overflow: ellipsis;
}
h2.titreBtn#pictoCat {
  width: 100%;
  margin: 0;
  padding: 0 0 0 44px;
  background: url("/img/pictoRecherche.png") center left no-repeat transparent;
  background-size: 32px;
  cursor: pointer;
}
.tableWithSearchCol .dtr-title input {
  display: none;
}
.tableWithSearchCol input {
  max-width: 120px;
}
.tableWithSearchCol th:not(:first-of-type):not(.control):not(.generation):not(.actions):not(.envoiFacture) div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tableWithSearchCol th {
  vertical-align: bottom;
  background-position: bottom 10px left !important;
}
.tableWithSearchCol .debit,
.tableWithSearchCol .credit {
  text-align: right;
  width: 120px;
}
.tableWithSearchCol #col_debit div,
.tableWithSearchCol #col_credit div {
  justify-content: flex-end !important;
}
.tableWithSearchCol .lettrage {
  text-align: center;
}
#anneePage {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
#anneePage #anneeActive {
  font-size: 30px;
  font-weight: 600;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  color: #525252;
}
#anneePage .boutonNavAnnee {
  margin: 0 20px;
  font-size: 18px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #ededed;
  border: none;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  opacity: 0.3;
  transition: all ease 0.5s;
}
#anneePage .boutonNavAnnee#prevA {
  background: url("/img/btPrevious.png") center no-repeat transparent;
  background-size: 100% auto;
}
#anneePage .boutonNavAnnee#nextA {
  background: url("/img/btNext.png") center no-repeat transparent;
  background-size: 100% auto;
}
#anneePage .boutonNavAnnee:hover {
  opacity: 1;
}
td.number,
th.number,
input.number {
  text-align: right !important;
}
li {
  list-style: none;
}
table.dataTable:not(.collapsed) > thead > tr > th.control,
table.dataTable:not(.collapsed) > tbody > tr > td.control,
table.dataTable:not(.collapsed) > tfoot > tr > td.control,
table.dataTable:not(.collapsed) > tfoot > tr > th.control {
  display: none !important;
}
.msgAlerte {
  background: transparent url("/img/pictoError.png") left center no-repeat;
  background-size: 20px auto;
  color: red;
  font-size: 16px;
  padding-left: 25px;
}
.msgAlerte2 {
  float: left;
  width: 100%;
  color: #c42235;
  font-size: 16px;
  -o-transition-property: all;
  -o-transition: 0.3s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.3s ease-in-out;
  transition-property: all;
  transition: 0.3s ease-in-out;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 60px;
  background: transparent url("/img/pictoError.png") left 20px center no-repeat;
  background-size: 20px auto;
}
.msgAlerte2.bigger {
  background-size: 30px auto;
  background-position: left 15px center;
}
.msgAlerte2.bgGris {
  background-color: #ededed !important;
}
.msgAlerte2 a,
.msgAlerte2 a:visited,
.msgAlerte2 a:hover {
  font-weight: bold;
  color: #c42235 !important;
  text-decoration: underline;
  font-size: 16px !important;
}
.msgAlerte2.noPicto {
  background: none !important;
  padding-left: 0 !important;
}
h2.msgAlerte2 {
  background: #ffffff url("/img/pictoErrorBlack.png") left center no-repeat;
  background-position: left 10px top 5px;
  color: black;
  background-size: 30px 30px !important;
  padding-left: 60px !important;
}
.msgInfo2 {
  background: transparent url("/img/picto_bulle-exclamation_cy.png") left center no-repeat;
  background-size: 20px auto;
  color: #009fe3;
  font-size: 16px;
  padding-left: 25px;
}
.msgInfo {
  float: left;
  width: 100%;
  background: #ffffff url("/img/picto_bulle-exclamation_cy.png") left center no-repeat;
  background-position: left 20px top 10px;
  background-size: 20px auto;
  color: #009fe3;
  font-size: 16px;
  padding: 10px 10px 10px 60px;
  margin-bottom: 20px;
}
.msgInfo.bgGris {
  background-color: #ededed !important;
}
.msgInfo a,
.msgInfo a:visited,
.msgInfo a:hover {
  font-weight: bold;
  color: #009fe3 !important;
  text-decoration: underline;
  font-size: 16px !important;
}
.noShrinkable {
  flex-wrap: wrap !important;
}
.noShrinkable input {
  flex-shrink: 0 !important;
}
.smallColumn {
  width: 130px !important;
}
#ligne_numLigne {
  display: none;
}
td.number,
th.number,
input.number {
  text-align: right !important;
}
#checkAllLettrage {
  margin: 5px !important;
}
.alignLeftBloc {
  display: flex;
  width: 75%;
}
#cboxLoadedContent {
  padding-top: 0 !important;
  padding-left: 0 !important;
  max-height: 840px;
}
body {
  -o-transition-property: all;
  -o-transition: 0.5 ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5 ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5 ease-in-out;
  transition-property: all;
  transition: 0.5 ease-in-out;
  padding-left: 0;
  height: 100% !important;
  width: 100%;
  margin: 0 !important;
  background-color: rgba(82, 82, 82, 0.5) !important;
}
body:not(.min580):not(.min1100) {
  overflow-x: hidden;
}
body.min580 {
  min-width: 580px;
}
body.min1100 {
  min-width: 1100px;
}
header {
  width: 100%;
  text-align: right;
  height: 50px;
  line-height: 50px;
  position: relative;
  background-color: #ededed;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header #logoEntreprise {
  height: 50px;
  width: 400px;
  display: flex;
}
header #logoEntreprise img {
  height: 40px;
  margin-left: 15px;
  margin-top: 5px;
}
header #logoEntreprise img.noCSS {
  margin: 4px 0 0 0 !important;
}
header #listMsgEntete {
  line-height: normal;
  text-align: center;
  margin-top: 15px;
}
header #moteurRecherche {
  display: flex;
  width: 200px;
  background-color: #fff;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  padding: 0 !important;
}
header #moteurRecherche input[type="text"] {
  width: 168px !important;
  background: transparent url("/img/autocomplete.png") left 8px center no-repeat;
  box-sizing: border-box;
  background-size: 24px auto;
  background-position: 8px center;
  padding-left: 40px !important;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
}
header #moteurRecherche input[type="submit"] {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 0;
  background: url("/img/btNext.png") center no-repeat transparent !important;
  background-size: auto 100% !important;
  margin: 10px 10px 0 0;
  cursor: pointer;
  opacity: 0.4;
  -o-transition-property: all;
  -o-transition: 0.5 ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5 ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5 ease-in-out;
  transition-property: all;
  transition: 0.5 ease-in-out;
}
header #moteurRecherche input[type="submit"]:hover {
  opacity: 1;
  -o-transition-property: all;
  -o-transition: 0.5 ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5 ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5 ease-in-out;
  transition-property: all;
  transition: 0.5 ease-in-out;
}
header #notifMails {
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-style: italic;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  header #notifMails span {
    display: none;
  }
}
header #notifMails p {
  display: flex;
  align-items: center;
  background-color: #ec1e78;
  padding: 0 8px 0 6px;
  border-radius: 10px;
  margin: 0;
  height: 100%;
  line-height: normal;
  margin-left: 20px;
  font-weight: 300;
}
header #notifMails::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  background-color: #808080;
  mask: url(https://icono.agencedwm.com/svg/picto_enveloppe_nr.svg) no-repeat center / contain;
  -webkit-mask: url(https://icono.agencedwm.com/svg/picto_enveloppe_nr.svg) no-repeat center / contain;
  z-index: -1;
}
header #lienWeb.samb {
  padding: 0;
  font-size: 24px;
  text-decoration: none;
  color: #525252;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
}
header #lienWeb.samb strong {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 700;
}
header #loginForm {
  width: auto;
  height: 50px;
  line-height: auto;
  margin: 0 10px 0 0;
  display: flex;
}
header #loginForm.relative {
  position: relative;
}
header #loginForm #panelUser {
  display: none;
  background: #fff;
  width: 100%;
  position: absolute;
  top: 50px;
  z-index: 10000;
  right: 0;
}
header #loginForm #panelUser:hover {
  display: flex;
  flex-direction: column;
}
header #loginForm #panelUser input:checked + label,
header #loginForm #panelUser label.sel {
  font-weight: 600;
  background: url("/img/pictoUser3.png") left 15px center no-repeat transparent !important;
  background-color: #fff !important;
  background-size: 16px auto !important;
  order: 1 !important;
}
header #loginForm #panelUser input:checked + label aside,
header #loginForm #panelUser label.sel aside {
  font-style: italic;
}
header #loginForm #panelUser input:not(:checked) + label {
  margin-top: 1px;
  background: url("/img/picto_switchAccount.png") left 10px center no-repeat rgba(82, 82, 82, 0.2) !important;
  background-color: rgba(82, 82, 82, 0.2) !important;
  background-size: 20px auto !important;
  opacity: 0.6 !important;
}
header #loginForm #panelUser input:not(:checked) + label:last-of-type {
  margin-bottom: 10px !important;
}
header #loginForm #panelUser input:not(:checked) + label:hover {
  opacity: 1 !important;
}
header #loginForm #panelUser label.sel {
  cursor: default;
}
header #loginForm #panelUser label,
header #loginForm #panelUser a {
  height: 50px !important;
  width: auto !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-size: 20px;
  font-weight: 300;
  color: #525252 !important;
  cursor: pointer;
  order: 2;
}
header #loginForm #panelUser label aside,
header #loginForm #panelUser a aside {
  font-size: 15px;
  font-weight: 300;
}
header #loginForm #panelUser label {
  padding-left: 40px;
  padding-right: 15px;
  margin: 0 !important;
  border-radius: 0 !important;
  line-height: 15px !important;
}
header #loginForm #panelUser a {
  padding-left: 30px !important;
  padding-right: 5px !important;
  margin: 0 10px !important;
  border-left: none !important;
  opacity: 0.6;
  border-top: solid 1px rgba(82, 82, 82, 0.25) !important;
}
header #loginForm #panelUser a:hover {
  opacity: 1;
}
header #loginForm #panelUser a.logout {
  margin: 0;
  width: 34px;
  height: 40px;
  background: url("https://icono.agencedwm.com/picto_cadenas-ferme_gr.png") left 3px center no-repeat transparent;
  background-size: auto 24px;
  border-left: solid 1px rgba(82, 82, 82, 0.4);
  padding-left: 8px;
  opacity: 0.6;
}
header #loginForm #panelUser a.logout:hover {
  opacity: 1;
}
header #loginForm #panelUser a.switchAccount {
  margin: 0;
  width: 34px;
  height: 40px;
  background: url("https://icono.agencedwm.com/picto_switchAccount.png") left 3px center no-repeat transparent;
  background-size: auto 24px;
  border-left: solid 1px rgba(82, 82, 82, 0.4);
  padding-left: 8px;
  opacity: 0.6;
}
header #loginForm #panelUser a.switchAccount:hover {
  opacity: 1;
}
header #loginForm #panelUser a#accountPage {
  background: url("https://icono.agencedwm.com/picto_parametre_gr.png") left 3px center no-repeat transparent;
  background-size: 24px auto;
}
header #loginForm #panelUser button.switchAccount {
  background: url("https://icono.agencedwm.com/picto_switchAccount.png") left 3px center / auto 24px no-repeat transparent;
  height: 50px;
  width: auto;
  padding-left: 30px;
  margin: 0 10px;
  border: none;
  opacity: 0.6;
  border-top: solid 1px rgba(82, 82, 82, 0.25) !important;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 15px;
  order: 2;
  color: #525252;
  text-align: right;
  cursor: pointer;
}
header #loginForm #panelUser button.switchAccount:hover {
  opacity: 1;
}
header #loginForm #utilisateurPanel {
  background: url("/img/pictoUser2.png") right 37px center no-repeat transparent;
  background-size: 16px auto;
  padding-right: 67px;
  padding-left: 10px;
  font-family: Arial, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #525252;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 15px;
  cursor: pointer;
  position: relative;
}
header #loginForm #utilisateurPanel::after {
  width: 11px;
  height: 100%;
  content: " ";
  background: url("/img/picto_fleche_gris.png") center center no-repeat;
  background-size: 11px auto;
  position: absolute;
  opacity: 0.6;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
header #loginForm #utilisateurPanel:hover {
  background-color: #fff;
}
header #loginForm #utilisateurPanel:hover #panelUser {
  display: flex;
  flex-direction: column;
}
header #loginForm #utilisateurPanel:hover::after {
  opacity: 1;
}
header #loginForm #utilisateurPanel aside {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif !important;
  font-weight: 400;
  font-style: italic;
  font-size: 15px;
}
header #loginForm #utilisateur,
header #loginForm #profil {
  width: auto;
  height: 40px;
  line-height: 40px;
  font-family: Arial, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  min-height: 0;
  margin: auto 0;
  color: #525252;
  font-weight: bold;
}
header #loginForm #utilisateur#profil,
header #loginForm #profil#profil {
  border-right: solid 1px rgba(82, 82, 82, 0.4);
  border-left: solid 1px rgba(82, 82, 82, 0.4);
}
header #loginForm #utilisateur.noBorderCSS,
header #loginForm #profil.noBorderCSS {
  border-right: none !important;
  border-left: none !important;
}
header #loginForm #utilisateur a,
header #loginForm #profil a {
  cursor: pointer;
  color: #525252 !important;
  font-family: Arial, Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  font-size: 20px !important;
}
header #loginForm #utilisateur a:visited,
header #loginForm #profil a:visited {
  color: #525252 !important;
}
header #loginForm #utilisateur.normalLH,
header #loginForm #profil.normalLH {
  line-height: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header #loginForm #utilisateur.normalLH em,
header #loginForm #profil.normalLH em {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  font-size: 15px;
}
header #loginForm #utilisateur#utilisateur,
header #loginForm #profil#utilisateur {
  background: url("/img/pictoUser2.png") right 7px center no-repeat transparent;
  background-size: 16px auto;
  padding-right: 40px;
}
header #loginForm #utilisateur#profil,
header #loginForm #profil#profil {
  padding-left: 10px;
  color: rgba(82, 82, 82, 0.4);
  padding-right: 10px;
}
header #loginForm > .logout {
  margin: auto 0 auto 8px;
  width: 18px;
  height: 40px;
  background: url("https://icono.agencedwm.com/picto_cadenas-ouvert_gr.png") center center no-repeat transparent;
  background-size: auto 24px;
}
header #loginForm > .logout:hover {
  background: url("https://icono.agencedwm.com/picto_cadenas-ferme_gr.png") center center no-repeat transparent;
  background-size: auto 24px;
}
#contentPage {
  height: 100%;
  width: 100%;
  padding: 0 15px 15px;
  margin-bottom: 85px;
  transition: 1s;
}
#contentPage #pageContent {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
}
#contentPage #alertAccueil {
  display: inline-block;
  width: 80%;
  margin: 20px 10% 20px 10%;
  position: relative;
  background-color: #fff;
  -moz-border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  border-radius: 0.625em;
  padding: 20px;
  font-size: 16px !important;
  line-height: 24px !important;
}
#contentPage #alertAccueil:before {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -32px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 37px 17px 0;
  border-color: transparent #ffffff transparent transparent;
}
#contentPage #alertAccueil h1 {
  width: 95%;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600 !important;
  font-size: 30px !important;
  margin: 0;
  padding-left: 45px;
  text-transform: uppercase;
}
#contentPage #alertAccueil h1 span {
  font-size: 16px !important;
}
.newLine {
  clear: both;
}
.invisible {
  display: none !important;
}
.wrapAuto {
  white-space: normal !important;
}
.EnDev {
  margin-top: 100px;
  text-align: center;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 30px;
  font-weight: 300;
}
.toggleTitre:not(.titreTableau),
.newFactureBtn {
  display: inline-block;
  width: auto;
  height: 33px;
  line-height: 33px;
  background-color: #fff;
  color: #009fe3;
  font-size: 20px;
  text-transform: uppercase;
  padding: 0 10px 0 35px;
  position: relative;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  margin: 20px 0 0 20px;
  -moz-border-radius: 0.1875em 0.1875em 0 0;
  -webkit-border-radius: 0.1875em 0.1875em 0 0;
  border-radius: 0.1875em 0.1875em 0 0;
  cursor: pointer;
}
.toggleTitre:not(.titreTableau)::after,
.newFactureBtn::after {
  content: " ";
  width: 30px;
  height: 33px;
  position: absolute;
  left: 0;
  top: 0;
  -moz-border-radius: 0.1875em 0.1875em 0 0;
  -webkit-border-radius: 0.1875em 0.1875em 0 0;
  border-radius: 0.1875em 0.1875em 0 0;
  background: #009fe3 url("/img/pictoToggleTitre.png") no-repeat scroll center center / 30px auto;
}
.toggleTitre:not(.titreTableau).collapsed,
.newFactureBtn.collapsed {
  color: #fff;
  background-color: #009fe3;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  margin-bottom: 30px;
}
.toggleTitre:not(.titreTableau).collapsed::after,
.newFactureBtn.collapsed::after {
  width: 30px;
  background: #009fe3 url("/img/pictoToggleTitre_close.png") no-repeat scroll left 11px center / 20px auto !important;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
}
.toggle {
  display: block;
  min-width: 15px;
  min-height: 15px !important;
  cursor: pointer;
  padding-left: 27px !important;
  clear: right;
}
.toggle:not(.noImgTgl).expanded {
  background: url("/img/bt_moins_gris.png") left center no-repeat transparent;
  background-size: auto 20px;
}
.toggle.version2:not(.noImgTgl).expanded {
  background: url("/img/bt_moins_gris.png") right center no-repeat transparent;
  background-size: auto 20px;
}
.toggle.version2.collapsed {
  color: rgba(82, 82, 82, 0.30000000000000004);
}
.toggle.version2.collapsed:not(.noImgTgl) {
  background: url("/img/bt_plus_gris.png") right center no-repeat transparent;
  background-size: auto 20px;
}
.toggle.collapsed {
  color: rgba(82, 82, 82, 0.30000000000000004);
}
.toggle.collapsed:not(.noImgTgl) {
  background: url("/img/bt_plus_gris.png") left center no-repeat transparent;
  background-size: auto 20px;
}
.toggle.ptToggle.expanded {
  background: url("/img/pictoPlusGris.png") left center no-repeat transparent;
  background-size: auto 20px;
}
.toggle.ptToggle.collapsed {
  background: url("/img/pictoMoinsGris.png") left center no-repeat transparent;
  background-size: auto 20px;
  color: rgba(82, 82, 82, 0.30000000000000004);
}
#ongletaffaires {
  text-align: right;
}
#ongletaffaires > *:nth-child(n) {
  text-align: left !important;
}
.btnLinkAffaire {
  text-decoration: none;
}
.btnLinkAffaire input {
  margin-top: 15px;
}
.btnLinkAffaire {
  text-decoration: none;
  background: #009fe3 url("/img/picto_contrat_bl.png") no-repeat scroll right 5px center / 20px auto;
  font-size: 22px;
  text-align: left;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  min-width: 30px;
  height: 40px;
  line-height: 40px;
  padding: 2px 30px 2px 7px;
  margin-top: 15px;
  color: #ededed;
  border: none;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
}
.btnLinkFacture {
  text-decoration: none;
}
.btnLinkFacture input {
  margin-top: 15px;
}
.btnLinkFacture {
  text-decoration: none;
  background: #009fe3 url("/img/picto_facture.png") no-repeat scroll right 5px center / 20px auto;
  font-size: 22px;
  text-align: left;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  min-width: 30px;
  height: 40px;
  line-height: 40px;
  padding: 2px 30px 2px 7px;
  margin-top: 15px;
  color: #ededed;
  border: none;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  margin-left: 12px;
}
.btNew {
  position: relative;
  background-position: right 17px center;
  padding-right: 43px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btNew::after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 8px;
  height: 8px;
  background: transparent url("/img/btAdd.png") no-repeat scroll center center / 100% auto;
}
.progressBar {
  display: inline-block;
  width: 196px;
  height: 20px;
  line-height: 20px;
  background-color: rgba(93, 164, 232, 0.25);
  border: solid 2px rgba(93, 164, 232, 0.5);
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  font-size: 14px;
  position: relative;
  color: #5da4e8;
  padding-left: 4px;
}
.progressBar .loaded {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 0%;
  background-color: #5da4e8;
  height: 16px;
  line-height: 20px;
  -moz-border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  border-radius: 0.1875em;
  color: rgba(255, 255, 255, 0.75);
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
}
.lblFile {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-size: 15px;
  position: relative;
  padding-left: 27px;
  height: 23px;
  line-height: 23px;
  margin-top: 11px;
  cursor: pointer;
}
.lblFile #filesize {
  margin-left: 5px;
}
.lblFile #spanFileName {
  float: left;
}
.lblFile .tailleDownload,
.lblFile .progressBar {
  float: left;
  clear: both;
}
.lblFile::after {
  content: " ";
  background: url("https://general.adwm.info/img/picto_joindre_fichier.png") center center no-repeat;
  background-size: 20px auto;
  width: 20px;
  height: 23px;
  position: absolute;
  bottom: 3px;
  left: 4px;
}
#div_msgUser {
  display: none;
  width: 300px;
  padding: 5px;
  overflow: auto;
  border: 1px solid red;
  background-color: #ffc;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  z-index: 100;
  top: 90px;
  left: 40%;
  font-weight: bold;
  color: red;
  font-size: 16px;
  cursor: pointer;
  padding-right: 20px;
}
#close_msgUser {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: auto;
  font-weight: bold;
  color: red;
}
#spanFileName {
  height: 15px !important;
}
.tailleDownload {
  height: 25px !important;
}
.invisibleSolid {
  opacity: 0;
  pointer-events: none;
}
.rightAlign {
  text-align: right;
}
.rightFlex {
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  align-items: center;
}
.bulle {
  position: relative;
  cursor: pointer;
}
.bulle::after {
  content: " ";
  position: absolute;
  opacity: 0.5;
  height: 15px;
  width: 15px;
  margin-left: 10px;
  top: 50%;
  right: -17px;
  margin-top: -7.5px;
  background: transparent url("/img/bulle.png") no-repeat scroll left center / 15px auto;
}
.bulle:hover::after {
  opacity: 1;
}
.origineQuick {
  float: left;
  width: 18px;
  height: 18px;
  border: solid 1px #000;
  background-color: #fff;
  -moz-border-radius: 0.5625em;
  -webkit-border-radius: 0.5625em;
  border-radius: 0.5625em;
}
.warning {
  float: left;
  width: 100%;
  background: #ffffff url("/img/pictoError.png") left center no-repeat;
  background-position: left 20px top 10px;
  background-size: 20px auto;
  color: #c42235;
  font-size: 16px;
  padding: 10px 10px 10px 60px;
  margin-bottom: 20px;
}
.warning a,
.warning a:visited,
.warning a:hover {
  font-weight: bold;
  color: #c42235;
  text-decoration: underline;
}
.infoToggle {
  float: left;
  line-height: 30px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-size: 30px;
  padding-left: 65px;
  border-bottom: none;
  padding-bottom: 20px;
  color: #525252;
  position: relative;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-bottom: 0px !important;
  margin-top: 20px;
  width: 100%;
  text-transform: uppercase;
}
.infoToggle:before {
  content: "";
  position: absolute;
  left: 20px;
  height: 30px;
  width: 30px;
  background: transparent url("https://icono.agencedwm.com/pictoAttention.png") no-repeat scroll left center / 100% auto;
  transform: rotate(-90deg);
}
.infoToggle:hover {
  opacity: 1;
}
.infoToggle.close {
  opacity: 0.75;
  margin-bottom: 20px !important;
  border-bottom: solid 1px rgba(82, 82, 82, 0.5);
}
.infoToggle.close:before {
  transform: rotate(0deg);
}
.divRemarque {
  float: left;
  width: 100%;
  padding-left: 65px;
  font-family: "proxima-nova", "Open Sans Condensed", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  font-style: italic;
  color: #525252;
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(82, 82, 82, 0.5);
  margin-bottom: 20px;
  line-height: 20px;
}
.btn {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  color: #ffffff !important;
  font-size: 18px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}
.btn.center {
  display: inline-flex;
}
.btn.big {
  min-height: 40px;
}
.btn.bgBleu {
  background-color: #009fe3 !important;
}
.btn.marginH20 {
  margin: 20px 0 0 0;
}
#contactClient {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
  line-height: 16px;
  margin: 10px 0;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #525252;
}
#contactClient #donneesClient {
  width: auto;
  text-align: right;
  padding: 0 40px 0 0;
  margin: 0 15px 0 0;
  position: relative;
  font-style: italic;
}
#contactClient #donneesClient:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: transparent url("/img/icono/pictoContact_gr.png") left top no-repeat;
  background-size: 100%;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#contactClient #donneesClient a {
  text-decoration: none;
  color: #525252;
}
fieldset {
  border: solid 1px rgba(81, 81, 81, 0.2);
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
fieldset.padding15HB {
  padding: 15px 0 !important;
}
fieldset.bgBlanc {
  display: flex;
  align-items: center;
  padding: 15px;
  border: none;
  background-color: #ffffff;
  margin: 0 0 10px 0;
}
fieldset.arrondi {
  display: flex;
  align-items: center;
  padding: 15px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  margin: 0 0 10px 0;
}
fieldset.arrondi label {
  padding: 0;
}
fieldset label.flex {
  display: flex;
  flex: 1;
  padding: 0 15px;
}
fieldset label.flex.sep {
  border-left: solid 1px rgba(81, 81, 81, 0.2);
}
fieldset label.flex.noMargin {
  margin: 0 !important;
}
fieldset aside {
  padding: 0 0 0 35px;
  margin: 0 10px 0 0;
  position: relative;
  font-size: 20px;
}
fieldset aside#recherche:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: transparent url("/img/icono/pictoRech_gr.png") left top no-repeat;
  background-size: 100%;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
fieldset aside#filtre {
  min-width: 90px;
}
fieldset aside#filtre:after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: transparent url("/img/icono/pictoFiltre_gr.png") left top no-repeat;
  background-size: 100%;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.ui-autocomplete-loading {
  background: #ffffff url("http://general.adwm.info/img/loading.gif") right center no-repeat;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 {
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  display: block;
  position: relative;
  -moz-border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  border-radius: 0.625em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .flagInitial {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #0ba3e5 transparent transparent;
  -moz-border-arr: 0 10px 0 0;
  -webkit-border-arr: 0 10px 0 0;
  border-radius: 0 10px 0 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .flagInitial span {
  width: auto;
  position: absolute;
  right: -40px;
  top: 7px;
  color: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 h1 {
  width: 100%;
  display: block;
  position: relative;
  margin: 15px 0 0 0 !important;
  padding: 0 0 0 50px !important;
  font-size: 30px !important;
  line-height: 30px !important;
  color: #525252;
  font-weight: 300 !important;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 h1#lignesCV:before {
  content: "";
  width: 32px !important;
  height: 32px !important;
  display: block !important;
  background: transparent url("https://general.adwm.info/img/icono/picto_gestionCategorie_gr.png") left top no-repeat;
  background-size: auto;
  background-size: 32px !important;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 h1#alertesDoc:before {
  content: "";
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: transparent url("/img/icono/picto_doc.png") left top no-repeat;
  background-size: auto;
  background-size: 40px !important;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 h1#dernierJour:before {
  content: "";
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: transparent url("/img/icono/picto_dernierJour.png") left top no-repeat;
  background-size: auto;
  background-size: 40px !important;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes {
  width: 100%;
  display: flex;
  position: relative;
  align-items: flex-start;
  padding: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes li.alerteLi {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes li.alerteLi:first-child {
  border-right: dashed 1px #009fe3;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes li.alerteLi:last-child {
  position: absolute;
  justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-top: none;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes li.alerteLi:last-child .btn {
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
  color: #ffffff;
  background-color: #0ba3e5;
  padding: 0 28px 0 13px;
  text-align: left;
  cursor: pointer;
  font-size: 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes li.alerteLi:last-child .btn:before {
  content: "";
  width: 6px;
  height: 12px;
  display: block !important;
  background: transparent url("/img/pt_flecheB.png") left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes li.alerteLi .lignesBlocs li {
  flex-wrap: wrap;
  justify-content: flex-start;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesAlertes li.alerteLi .lignesBlocs li:last-child {
  height: auto;
  position: relative;
  border-top: solid 1px rgba(82, 82, 82, 0.1);
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li {
  max-width: 320px;
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:not(:first-child) {
  border-top: solid 1px rgba(82, 82, 82, 0.1);
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:first-child {
  border-right: none;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:first-child h2 {
  margin: 0;
  padding: 0;
  color: #525252;
  font-size: 32px;
  line-height: 32px;
  text-transform: none !important;
  font-weight: 700;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:first-child h2 span {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:first-child h2.bleu {
  color: #0ba3e5;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:first-child h2.sepia {
  color: #e2af86;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:first-child h2.right {
  text-align: right;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:last-child {
  position: absolute;
  justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-top: none;
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:last-child .btn {
  width: auto;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
  color: #ffffff;
  background-color: #0ba3e5;
  padding: 0 28px 0 13px;
  text-align: left;
  cursor: pointer;
  font-size: 20px;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  border-radius: 0.3125em;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:last-child .btn:before {
  content: "";
  width: 6px;
  height: 12px;
  display: block !important;
  background: transparent url("/img/pt_flecheB.png") left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li:last-child .btn.sepia {
  background-color: #e2af86;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li .cell {
  font-size: 20px;
  line-height: 20px;
  color: #525252;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li .cell.right {
  text-align: right;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li .cell.rouge {
  color: #e30613;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article2 .lignesBlocs li em {
  width: 100%;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article {
  display: flex;
  flex-direction: column;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  color: #525252 !important;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article.closed > *:not(h2) {
  display: none;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 {
  display: flex;
  flex-direction: column;
  text-transform: none !important;
  font-style: normal;
  font-weight: 300;
  width: 100%;
  font-size: 30px;
  text-transform: uppercase;
  color: #525252;
  padding: 0;
  margin: 20px 0;
  height: 100%;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 sup {
  font-size: 20px;
  font-style: italic;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 > span:not(.paysIco),
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 .btnTitle span {
  padding-left: 44px;
  padding-right: 15px;
  background-size: 32px auto !important;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 .btnTitle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
  margin: 5px !important;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 .btnTitle a {
  height: 30px;
  padding: 0px 10px;
  border: solid 1px rgba(82, 82, 82, 0.2);
  opacity: 0.7;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-size: 20px;
  border-radius: 0.125em;
  overflow: hidden;
  margin: 5px !important;
  flex-shrink: 0 !important;
  margin-left: 5px !important;
  display: flex;
  align-items: center;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 .btnTitle a:hover {
  opacity: 1;
  border: solid 1px #525252;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside {
  width: calc(100% + 5px);
  margin-top: 4px;
  text-transform: lowercase !important;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside.enteteBlockPage {
  display: flex;
  flex-wrap: wrap;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside.enteteBlockPage a {
  flex-grow: 2;
  background: #fff;
  height: 40px;
  font-size: 20px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  color: #525252;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  line-height: 15px;
  flex-wrap: wrap;
  min-width: 40px;
  margin-right: 5px;
  margin-top: 5px;
  flex-direction: column;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside.enteteBlockPage a span {
  font-weight: 400;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside:not(.enteteBlockPage) {
  height: 50px;
  width: 100%;
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 50px;
  white-space: nowrap;
  text-align: center;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside:not(.enteteBlockPage):not(.noData) {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  background: url("/img/fond_fleche.png") center center no-repeat;
  background-size: auto 50px;
  font-weight: 400;
  color: #e30613;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside:not(.enteteBlockPage):not(.noData) span {
  font-size: 20px !important;
  color: #e30613 !important;
  padding: 0 5px;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside:not(.enteteBlockPage).noData {
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  border-top: solid 1px rgba(82, 82, 82, 0.2);
  border-bottom: solid 1px rgba(82, 82, 82, 0.2);
  color: #525252;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article h2 aside:not(.enteteBlockPage) span {
  font-weight: 800;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article span.rouge {
  color: #dc1010;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article a {
  opacity: 0.75;
  color: #525252 !important;
  white-space: nowrap;
  margin: 2px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-size: 20px;
  text-decoration: none;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article a:hover {
  opacity: 1;
}
body.versionAPPS2 section:not(#contentPage).dataRecap > article a.rouge {
  color: #dc1010 !important;
}
input.datePicker.pictoDate {
  background: transparent url("/img/pictoList_date.png") right 10px top 5px no-repeat;
  background-size: 20px;
}
.red {
  color: #e30613 !important;
  --color: #e30613;
}
.green {
  color: #76b82a !important;
  --color: #76b82a;
}
.orange {
  color: #f39200 !important;
  --color: #f39200;
}
input.w5,
select.w5,
input[maxlength="5"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="5"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 60px;
}
@media screen and (max-width: 160px) {
  input.w5,
  select.w5,
  input[maxlength="5"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="5"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
input.w10,
select.w10,
input[maxlength="10"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="10"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 120px;
}
@media screen and (max-width: 220px) {
  input.w10,
  select.w10,
  input[maxlength="10"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="10"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
input.w20,
select.w20,
input[maxlength="20"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="20"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 170px;
}
@media screen and (max-width: 270px) {
  input.w20,
  select.w20,
  input[maxlength="20"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="20"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
input.w30,
select.w30,
input[maxlength="30"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="30"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 270px;
}
@media screen and (max-width: 370px) {
  input.w30,
  select.w30,
  input[maxlength="30"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="30"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
input.w50,
select.w50,
input[maxlength="50"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="50"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 300px;
}
@media screen and (max-width: 400px) {
  input.w50,
  select.w50,
  input[maxlength="50"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="50"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
input.w150,
select.w150,
input[maxlength="150"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="150"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 450px;
}
@media screen and (max-width: 550px) {
  input.w150,
  select.w150,
  input[maxlength="150"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="150"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
input.w250,
select.w250,
input[maxlength="250"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="250"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 550px;
}
@media screen and (max-width: 650px) {
  input.w250,
  select.w250,
  input[maxlength="250"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="250"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
input.w500,
select.w500,
input[maxlength="500"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
select[maxlength="500"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
  width: 650px;
}
@media screen and (max-width: 750px) {
  input.w500,
  select.w500,
  input[maxlength="500"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500),
  select[maxlength="500"]:not(.w10):not(.w20):not(.w30):not(.w50):not(.w150):not(.w250):not(.w500) {
    width: 85vw;
  }
}
.picto_horloge9h {
  padding-left: 50px;
  background: transparent url("https://icono.agencedwm.com/picto_horloge-9h_gr.png") left 10px center / 30px no-repeat;
}
.picto_horloge3h {
  padding-left: 50px;
  background: transparent url("https://icono.agencedwm.com/picto_horloge-3h_gr.png") left 10px center / 30px no-repeat;
}
.picto_horloge3h.varPlace,
.picto_horloge9h.varPlace {
  clear: both;
  display: flex;
  line-height: 30px;
  padding-left: 25px;
  background-size: 15px;
  width: 150px !important;
  background-position: 5px center;
}
.picto_horloge3h.varPlace > input,
.picto_horloge9h.varPlace > input {
  margin-left: 10px;
}
.picto_horloge3h.varPlace + div,
.picto_horloge9h.varPlace + div {
  display: flex;
  line-height: 30px;
}
.picto_horloge3h.varPlace + div > input[type="radio"].radioDeb + label,
.picto_horloge9h.varPlace + div > input[type="radio"].radioDeb + label {
  margin-left: 10px;
}
form:not(.noCSS) .picto_horloge3h.varPlace + div > input[type="radio"].radioDeb + label,
form:not(.noCSS) .picto_horloge9h.varPlace + div > input[type="radio"].radioDeb + label {
  margin-left: 10px !important;
}
.picto_anniv {
  padding-left: 25px;
  background: transparent url("/img/picto_gateauAnniv.png") left 5px center / 15px no-repeat;
}
.onglets button {
  margin-left: auto;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.75;
  border: none;
  border-radius: 5px;
  transition: all ease 0.2s;
}
.onglets button.archive,
.onglets button#archive {
  background: url("/img/icono/picto_achiver_gr.png") center center / 20px auto no-repeat rgba(82, 82, 82, 0.05) !important;
}
.onglets button.archive:hover,
.onglets button#archive:hover {
  background-color: #fff !important;
}
.onglets button.restore,
.onglets button#restore {
  background: url("/img/picto_restaurer_gr.png") center center / 20px auto no-repeat rgba(82, 82, 82, 0.05) !important;
}
.onglets button.restore:hover,
.onglets button#restore:hover {
  background-color: #fff !important;
}
.ui-autocomplete {
  z-index: 100000;
}
/*** actif/desactif ***/
#activationWebsiteGeneral {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  /*** custom checkbox arrondi ***/

}
#activationWebsiteGeneral.marginHB20 {
  margin: 20px 0;
}
#activationWebsiteGeneral .switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 64px !important;
  height: 32px !important;
  opacity: 1;
  margin-left: 6px !important;
}
#activationWebsiteGeneral .switch.noMargin {
  margin: 0;
}
#activationWebsiteGeneral .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#activationWebsiteGeneral .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b2b2b2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Rounded sliders */

}
#activationWebsiteGeneral .switch .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#activationWebsiteGeneral .switch .slider.round {
  border-radius: 32px;
}
#activationWebsiteGeneral .switch .slider.round:before {
  border-radius: 50%;
}
#activationWebsiteGeneral input:checked + .slider {
  background-color: #52ae32;
}
#activationWebsiteGeneral input:focus + .slider {
  box-shadow: 0 0 1px #52ae32;
}
#activationWebsiteGeneral input:checked + .slider:before {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
}
#activationWebsiteGeneral input:checked + .slider:after {
  content: "";
  width: 27px;
  height: 17px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent url("/img/picto_minds.png") left top no-repeat;
  background-size: 100%;
}
legend {
  color: #525252;
  font-style: italic;
  font-size: 16px;
}
.messageHisto h3 {
  font-weight: 300;
  padding: 0 0 0 50px;
  margin-bottom: 10px;
  font-size: 30px;
  background: url(https://icono.agencedwm.com/picto_telephone-liste_gr.png) center left 10px / 32px 32px no-repeat;
  color: #525252;
}
.messageHisto h3 input {
  margin-left: 10px;
  background: #dddee2 url(https://icono.agencedwm.com/picto_crayon_gr.png) center left 10px / 18px 18px no-repeat;
  border: none;
  padding: 5px 5px 5px 30px;
  border-radius: 5px;
  height: 30px;
  width: 200px;
}
.messageHisto ul.listMessageHisto {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.messageHisto ul.listMessageHisto li {
  display: flex;
  height: 30px;
  max-width: 270px;
  width: auto;
  background: #ffffff url(https://icono.agencedwm.com/picto_telephone_gr.png) center left 10px / 15px 15px no-repeat;
  padding: 3px 10px 3px 30px;
  clip-path: polygon(100% 0, 98% 50%, 100% 100%, 2% 100%, 0 50%, 2% 0);
  align-items: center;
  color: #525252;
  margin-bottom: 5px;
  font-family: "proxima-nova-extra-condensed", "Open Sans Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
}
.messageHisto ul.listMessageHisto li:first-child {
  clip-path: polygon(100% 0, 98% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
}
.messageHisto ul.listMessageHisto .date {
  padding-right: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.202);
  margin-right: 10px;
}
.messageHisto ul.listMessageHisto .message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
  padding-right: 5px;
}
.messageHisto ul.listMessageHisto .supprLine {
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin-left: auto;
  border: none;
  padding-left: 20px;
  background: url(https://icono.agencedwm.com/picto_Croix_gr.png) center center / 12px 12px no-repeat;
  opacity: 20%;
}
.messageHisto ul.listMessageHisto .supprLine:hover {
  background: url(https://icono.agencedwm.com/picto_Croix_rg.png) center center / 12px 12px no-repeat;
  opacity: 100%;
}