@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'sciflysans';
    src: url('../fonts/scifly-sans-webfont.eot');
    src: url('../fonts/scifly-sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/scifly-sans-webfont.woff2') format('woff2'),
         url('../fonts/scifly-sans-webfont.woff') format('woff'),
         url('../fonts/scifly-sans-webfont.ttf') format('truetype'),
         url('../fonts/scifly-sans-webfont.svg#sciflysans') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {
    background-color: #29acb2;
    color: white;
}

::selection {
    background-color: #29acb2;
    color: white;
} 

html {
}
body {
	margin : 0;
	padding : 0;
}
a:link {
	color: black;
	text-decoration: none;
}
a:hover {
	color: black;
}
a:visited:not(.btn) {
	color: black;
}
a:active {
	color: black;
}
pre {
    margin-left: 50px;
}

.clear {
	clear: both;
	height: 0
}
.center {
    text-align: center;
}
.alignRight {
	text-align: right
}
.alignLeft {
	text-align: right
}
.alignLeft2 {
	text-align: left
}
.alignInit {
	text-align: initial;
}
.right {
	float: right
}
.left {
	float: left
}
.floatnone {
	float: none !important;
}
.initial {
	position: initial !important;
}
.static {
	position: static !important;
}
.block {
	display: block !important;
}
.inline {
	display: inline !important;
}
.relative {
	position: relative !important;
}
.bg-green {
    background: rgba(139, 195, 74, 0.44);
}
.bg-red {
    background: rgba(255, 87, 34, 0.41);
}
.w-100 {
    width: 100%;
}
.w-100important {
    width: 100% !important;
    min-width: 100% !important;
}
.border-box {
    box-sizing: border-box;
}
.d-none {
    display: none;
}
h1 {
    margin-bottom: 50px;
    margin-left: 10%;
    float: left;
    width: 90%;
}
h1::first-letter {
	text-transform: capitalize;
}
h1#H1100 {
    width: 80%;
}
h1#H195 {
    width: 95%;
}
h1.lessBottom {
    margin-bottom: 25px;
}
h2 + span {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: -20px;
	color: #b91e1e;
}
.noClic {
	cursor: no-drop !important;
}
.user-select-none {
	-khtml-user-select : none;
	-webkit-user-select : none;
	-moz-user-select : -moz-none;
	-ms-user-select : none;
	user-select : none;
}
.notClic {
	cursor: default !important;
}
#main, #footer {
	margin-left: 40px;
	background: white;
    font-family: 'sciflysans';
}
button {
    font-family: 'sciflysans';
}
#main {
	background-color: #EFEFEF;
    margin: 20px;
	padding: 1.5rem 5% 6rem 5%;
	margin-left: 60px;
    z-index: 0;
    min-height: 100vh;
    animation-duration: 2s;
    animation-name: mainIn;
}
#main > a.ajout {
    position: static;
}
#main.statistiques {
	padding: 20px 2.5%;
    /*width: 21cm !important;*/
    /*margin-left: auto;
    margin-right: auto;*/
}
body#statsbody {
	padding: 10px 3.5%;
}
.fullmain {
	margin-left: 20px !important;
}
@keyframes mainIn {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}

#footer {
	background: url(../images/background-button.png),#525252;
	text-align: center;
	color: #c7c7ca;
	padding: 10px;
}
#footer a {
	color: white;
	transition: all 0.2s ease-in-out;
}
#footer a:hover {
	color: #7bf9ff;
}
#loaderDiv {
    position: fixed;
    background: rgba(0, 0, 0, 0.80);
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 1;
    display: none;
}
#loaderDiv .lds-roller {
    margin-left: 50%;
    margin-top: 50vh;
    transform: translateX(-50%) translateY(-50%);
}

/* Bootstrap - Début */
.d-block {
    display: block;
}
.mx-4 {
    margin-right: 2rem;
    margin-left: 2rem;
}
.bg-success {
    background-color: #28a745!important;
}
.bg-warning {
    background-color: #ffc107!important;
}
.text-white {
    color: #fff!important;
}
/* Bootstrap - Fin */

/* CSS3 Loader - Début */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* CSS3 Loader - Fin */

.pourcent33 {
	width: 33.33%;
	float: left;
}
.pourcent66 {
	width: 66.66%;
	float: left;
}
.pourcent50 {
	/*width: 50%;*/
    margin: 0 2.5%;
	width: 45%;
	float: left;
}
.pourcent50 select {
	width: 133px;
}
.pourcent33 select {
	max-width: 45%;
}
.pourcent100 {
	width: 100%;
	float: left;
}
.pourcent100 .note-editor{
	width: 80%;
    margin-left: 10%;
}
.pourcent100 .note-editor.fullscreen {
    margin-left: 0px;
}
.pourcent80, #contactSend.pourcent80 {
	width: 80%;
}
.centerblock, .centerBlock {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.centerTable {
    margin-left: auto;
    margin-right: auto;
}
.boutonCenter {
	text-align: center;
}
.boutonCenter input, .boutonCenter a {
	display: inline;
	float: none !important;
}
.H1centspourcent {
	width: 80%;
}
.warning {
	color: #ff5722;
}
.red {
	color: #29acb2;
}
.green {
	color: #469710;
}
.orange {
	color: #ff5722;
}
body .blood {
	color: #ff5722;
}
.bgwhite {
	background: white;
}
.asterisc, #obliP1, #obliP2, #obliE {
	color: red;
	display: inline;
}
.messReussi {
	font-family: 'sciflysans';
    background: #d0f7a8;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: solid 1px green;
    color: green;
    position: absolute;
    top: 0;
    margin-top: -21px;
    width: 100%;
	border-left: 0;
	border-right: 0;
}
.messRater {
	font-family: 'sciflysans';
    background: #f7d0a8;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: solid 1px red;
    color: red;
    position: absolute;
    top: 0;
    margin-top: -75px;
    width: 100%;
	border-left: 0;
	border-right: 0;
	z-index: 1048;
    animation-duration: 10s;
    animation-name: messRater;
}
@keyframes messRater {
	0% {
		margin-top: -21px;
	}
	70% {
		margin-top: -21px;
	}
	100% {
		margin-top: -75px;
	}
}
.label10 {
	width: 10% !important;
}

.iconRabais {
	width: 19px;
	margin-bottom: -5px;
}
table#trier .infobulle {
}
table#trier .infobulle.dette {
    background: #ff8300;
    display: inline-block;
    padding: 3px;
    margin-top: -3px;
    border-radius: 35%;
    color: white;
    box-shadow: 0px 1px 0px #ffffff;
    float: left;
    margin-left: 5%;
    min-width: 24px;
	transition: all 0.2s ease-in-out;
}
table#trier .infobulle.surplu {
    background: #428bca;
}
table#trier .infobulle.dette p {
	margin: 0;
    padding: 0;
    display: inline;
    font-size: 11px;
}
table#trier .infobulle.sendbilan, .infobulle.sendbilanimg {
    background: #c3c3e6;
    display: inline-block;
    padding: 3px;
    margin-top: -3px;
    border-radius: 35%;
    color: white;
    box-shadow: 0px 1px 0px #ffffff, 0px 1px 0px #000;
    width: 20px;
    padding-top: 6px;
    padding-bottom: 0px;
    float: left;
    margin-left: 5%;
	transition: all 0.2s ease-in-out;
}
.infobulle.sendbilanimg {
    padding-top: 1px;
    float: none;
    height: 25px;
}
table#trier .infobulle.facturee {
    background: #469710;
    display: inline-block;
    padding: 3px;
    margin-top: -3px;
    border-radius: 35%;
    color: white;
    box-shadow: 0px 1px 0px #ffffff, 0px 1px 0px #000;
    width: 20px;
    padding-top: 1px;
    font-size: 20px;
    padding-bottom: 0px;
    float: left;
    margin-left: 5%;
	transition: all 0.2s ease-in-out;
}
table#trier .infobulle.facturee.tempartg {
    position: absolute;
    left: -3px;
    top: 0px;
}
table#trier .infobulle.facturation{
	float: none;
}
table#trier .infobulle.sendbilan:hover, .infobulle.sendbilanimg:hover, table#trier .infobulle.dette:hover, table#trier .infobulle.facturee:hover {
    margin-top: -6px;
    box-shadow: 0px 1px 0px #ffffff, 0px 3px 0px #000;
}
table#trier .tempartgcheck {
    position: absolute;
    left: 10px;
    top: 0px;
}
table#trier .infobulle.clore {
    display: inline-block;
    padding: 0px 3px;
    margin-top: -3px;
    border-radius: 35%;
    color: white;
    width: 23px;
    padding-bottom: 0px;
    float: left;
    margin-left: 5%;
	transition: all 0.2s ease-in-out;
}
table#trier .infobulle.clore:hover, table#trier .infobulle.dette:hover {
    margin-top: -6px;
}
table#trier .infobulle::first-letter {
    /*color: #fff;*/
}
table#trier .validationDevis {
    background: #8BC34A;
    color: white;
}
table#trier .validationDevis a {
    color: white;
}
table#trier .tableLink {
	text-decoration: underline;
	color: #1a0dab;
}
.tdNone {
	/*display: none;*/
	height: 0;
	font-size: 0;
	border-left: none !important
}
.tdNone > a {
	display: none;
}
.tdNoBorderRight {
	border-right: none !important
}
.thNone {
	position: absolute;
	margin-left: -30px;
}
.thMin {
	min-width: 63px;
}
#formCenter {
	padding: 29px 0px 26px 17px;
    max-width: 384px;
    margin-left: auto;
    margin-right: auto;
    background: #e2e2e2;
}
#formCenter label {
	width: 124px;
}
#formCenter input[type="submit"] {
	float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
input:disabled {
    background: #EFEFEF;
}
.helparea {
    position: absolute;
    right: 15px;
    top: -10px;
}
a.help {
	display: inline-block;
    background: url("../images/icon-manuel.svg") center center no-repeat, #abd4f8;
	background-size: 73%;
    margin-left: -4px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    color: white;
    position: relative;
    z-index: 10;
    border: solid 4px white;
    font-size: 0;
	transition: all 0.2s ease-in-out;
}
a.help:hover {
    background: url("../images/icon-manuel.svg") center center no-repeat, #4b82b2;
	background-size: 80%;
    transform: scale(1.5);
    z-index: 99;
}
a.helpadmin {
    background: url("../images/icon-manuel.svg") center center no-repeat, #f8eeab;
    background-size: 73%;
}
a.helpadmin:hover {
    background: url("../images/icon-manuel.svg") center center no-repeat, #bfaf45;
    background-size: 73%;
}
a.helpsynth {
    background: url("../images/icon-manuel.svg") center center no-repeat, #acf8ab;
    background-size: 73%;
}
a.helpsynth:hover {
    background: url("../images/icon-manuel.svg") center center no-repeat, #67bd66;
    background-size: 73%;
}
#main a.help {
    display: none;
}
a.helpsettings {
    background: url(../images/settings-icon.svg) center center no-repeat, #c1c0c0;
	background-size: 70%;
    right: 49px;
}
a.helpsettings:hover {
    background: url(../images/settings-icon.svg) center center no-repeat, #8f8e8e;
}
i.helpicon {
	display: inline-block;
    background: url(../images/help-icon.svg) center center no-repeat, #abd4f8;
	background-size: 70%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 100%;
    color: white;
    position: absolute;
    border: solid 1px white;
    font-size: 0;
}
.infobulleIcon {
	display: inline;
}
textarea {
    resize: none;
    overflow: hidden;
}
textarea.free {
    resize: both;
    overflow: auto;
    width: 50%;
	min-height: 150px;
    margin-left: 25%;
    background: #ffffe1;
}
textarea.textareasimple {
    resize: both;
    overflow: auto;
    width: 100%;
	min-height: 150px;
}
textarea.textarea80 {
    width: 80%;
	margin-left: 9%;
	margin-right: 9%;
	margin-bottom: 2rem;
	padding: 1%;
}
#decoMenu {
    position: absolute;
    bottom: 10px;
    background: url(../images/deco.svg) center center no-repeat;
    width: 100%;
}
#decoMenu:hover {
    background: url(../images/decohover.svg) center center no-repeat;
}
.asterisque {
    text-align: center;
    margin-top: 31px;
    color: #d82c2c;
}
.inputLegend {
	color: grey;
    text-align: center;
    font-size: 12px;
    display: block;
}
.note-editor.note-frame .note-editing-area .note-editable {
    min-height: 150px;
    height: auto !important;
}

.none {
	display: none !important
}
.btn-fullscreen {
    display: none;
}
.btn-codeview {
	border-radius: 3px 0 0 3px !important;
}
.toerase {
	cursor: pointer;
    background: url(../images/icon-delete.svg) center center no-repeat;
	font-size: 33px;
    line-height: 0px;
    color: rgba(0,0,0,0);
}
.toerase:hover {
}
#verifSecu {
    text-align: center;
    color: red;
    margin-top: 150px;
}
.fill {
	background-color: #fff9ae !important;
}
.resultTable {
	background: #fff9ae;
	color: #000;
}
a.moreFields {
    color: #2196F3;
    text-align: center;
    width: 100%;
    display: inline-block;
    text-decoration: underline;
    margin-top: 18px;
}
.viewMdp {
    width: 24px;
    height: 32px;
    margin-left: 5px;
    cursor: pointer;
    background: url(../images/icon-view-mdp-1.svg) center center no-repeat;
    display: inline-block;
    position: absolute;

	-khtml-user-select : none;
	-webkit-user-select : none;
	-moz-user-select : -moz-none;
	-ms-user-select : none;
	user-select : none;
}
.jour, .mois {
	width: 22px;
	text-align: center;
}
.annee {
	width: 47px;
	text-align: center;
}

#popupInfoArrow {
	background: #EFEFEF;
    border-left: solid 2px #29acb2;
    border-top: solid 2px #29acb2;
    position: absolute;
    top: -11px;
    right: 138px;
    width: 17px;
    height: 17px;
	transform: rotate(45deg);
}
#popupInfo {
    position: absolute;
    top: 15px;
    right: 5px;
    height: auto;
    border: solid 2px #29acb2;
	padding: 10px;
	text-align: center;
    border-radius: 3px;
	
	animation-name : popup ; 
	animation-duration : 0.5s ; 
	animation-delay : 0s ; 
	animation-iteration-count : infinite ;
	animation-direction : alternate ;
}
#popupInfo strong {
    color: #29acb2;
}
.widjetHomepage .contentWidget a.urgent:hover {
	background: url(../images/background-button.png), #ff0000;

}
select#selectAcompte {
    max-width: 100%;
}
.username {
    float: right;
    background: url(../images/background-button.png),#525252;
    color: white;
    padding: 16px;
    border: solid #29acb2 1px;
}
.classicLink {
	width: 100%;
	text-align: center;
	display: block;
	color: #2a88ad !important;
	text-decoration: underline !important;
}
.classicLink:hover {
	color: #184b5f !important;
}
hr.sep {
    background: #00BCD4;
    height: 1px;
}
.litlenumber {
    font-size: 1rem;
}
/*@-webkit-keyframes popup {
	0% { background : url(../images/background-button.png), #29acb2; }
	100% { background : url(../images/background-button.png), #ff0000; }
}
@-moz-keyframes popup {
	0% { background : url(../images/background-button.png), #29acb2; }
	100% { background : url(../images/background-button.png), #ff0000; }
}
@-o-keyframes popup {
	0% { background : url(../images/background-button.png), #29acb2; }
	100% { background : url(../images/background-button.png), #ff0000; }
}*/
@keyframes popup {
	0% { top: 15px; }
	100% { top: 25px; }
}

#activiteClient {
    background: #fffff4;
}
#activiteClient tr {
}
#activiteClient th {
    background: #f1f1db;
}
#activiteClient td.result {
    background: #f1f1db;
}

/* Zones Colorées - Début ###############################################*/
.zones {
	border-radius: 2rem;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	box-sizing: border-box;
	padding: 1rem 0;
}
.zoneA {
	background: #2dadb31a;
}
.zoneB {
	background: #b36c2d1a;
}
.zoneC {
	background: #8bb32d1a;
}
.zoneD {
	background: #432db31a;
}
 .zoneGreen, #main.zoneGreen {
    background-color: #CDE1C1;
}
/* Zones Colorées  - Fin ################################################*/

.px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}






























.lien {
	text-decoration: underline !important;
    color: #101090 !important;
    font-weight: normal !important;
}
/* DATING REAL ESTATES - Début */
#champSpecial, #critereListe, #critereListe2 {
	text-align: center;
}
#critereListe.orderListe {
	text-align: left;
}
#champSpecial input[type='text'], #champSpecial input[type='number'] {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}
#champSpecial label, #critereListe label, #critereListe2 table label  {
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
}
#critereListe label {
    text-align: left;
}
#critereListe2 table .sousCritere td:first-child a div {
	border-left: solid 20px #c7c6c9;
}
#critereListe2 table {
    margin-left: auto;
    margin-right: auto;
}
#critereListe2 tr.trsur  {
	margin: 0 3px 3px 3px;
    padding: 12px;
    padding-left: 30px;
    font-size: 16px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #c5c5c5;
    text-align: left;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
#critereListe2 tr.trsous  {
    border-left: 1px solid #efefef;
    background: #f6f6f6;
}
#critereListe2 tr td  {
    padding: 9px;
}
#critereListe2 tr td.tdsous  {
    background: #efefef;
}
#critereListe2 tr td.tdsous2  {
    border-left: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}
#critereListe2 tr td.tdsous3  {
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

/* Drag And Drop - Début */
.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: fit-content;
}

.sortable li {
	margin: 0 3px 3px 3px;
	padding: 12px;
	padding-left: 30px;
	font-size: 16px;
    height: 12px;
    line-height: 12px;
	text-align: left;
    cursor: s-resize;
	
	-khtml-user-select : none;
	-webkit-user-select : none;
	-moz-user-select : -moz-none;
	-ms-user-select : none;
	user-select : none;
}

.sortable li span {
	position: absolute;
    margin-left: -22px;
    margin-top: -2px;
}
.parent {
	position: relative;
}
.parentPlus {
	display: none !important;
}
.parent .parentPlus {
	display: block !important;
	position: absolute;
    right: 10px;
    top: 12px;
}
.sortable li:hover ul {
	display: block;
}
.sortable ul {
	position: absolute;
	display: none;
    margin-left: 209px;
    margin-top: -25px;
}
.sortable .separateur {
    background: url(../images/separateur.svg) center center no-repeat, #f6f6f6;
	background-size: 80%;
    opacity: 0.5;
	position: relative;
}
.sortable .separateur input {
	background: rgba(255,255,255,0.5);
	position: absolute;
	right: 4px;
    border: solid 1px rgba(0,0,0,0.15);;
    border-radius: 2px;
    top: 4px;
    width: 83%;
}
.sortable .sortableRequired {
    float: right;
    margin: 0 20px 0px 0px;
}

/* Drag And Drop - Fin */

.formulaire {
	background: white;
    padding-bottom: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.13);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.13);
	box-shadow: 0 0 10px rgba(0,0,0,0.13);
}
.formulaire > span {
    display: block;
	text-align: center;
	background: #2a88ad;
    padding: 10px 30px 10px 30px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    font-size: 30px;
    -moz-box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.17);
    -webkit-box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.17);
    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.17);
    border: 1px solid #257c9e;
}
.formulaire .sectionform {
    padding: 10px 20px;
    background: #f8f8f8;
    border-radius: 6px;
    margin: 0 15px;
}
.formulaire .sectiontitre {
    color: #2a88ad;
    font-size: 20px;
    margin: 10px;
}
.formulaire .souscritere {
	
}
.formulaire .sectionform .panel {
    margin-bottom: 0px;
}
.formulaire .sectionform hr {
    width: 100%;
    border: 0px;
    margin-top: 2px;
    border-top: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #fff;
}
.formulaire .sectionform hr:last-child {
	display: none;
}
.formulaire input.mini, .formulaire input.maxi {
	width: 51px;
}
.formulaire input.maxi {
	margin-left: 3px;
}
.formulaire input[type="checkbox"] {
    margin: 4px 0px 0px 50% !important;
}
.formulaire input[type="checkbox"].checkbox1 {
    margin: 4px 0px 0px 0% !important;
}
.formulaire label.noBorderBottom {
    margin-bottom: 0px;
}
.formulaire label.labelCheckbox {
    display: inline;
}
.formulaire label.labelRadio, #critereListe2 label.labelRadio {
    display: inline;
    padding: 0;
}
.formulaire .sectionphotos {
	text-align: center;
}
.formulaire .photoBien {
	display: inline-block;
    width: 150px;
	height: 150px;
    border-radius: 5px;
	background-position: center;
	background-size: cover;
    margin-left: 1%;
    margin-right: 1%;
}
.formulaire .ca {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
.formulaire .ca th, .formulaire .ca td .resultInput, .formulaire .ca input {
	text-align: center;
}
.formulaire .ca td .resultInput{
	width: 100%;
    display: inline-block;;
}
.formulaire .surEtage {
	width: 45px;
}
.formulaire .resultInput {
	font-weight: bold;
    width: 48%;
    display: inline-flex;
}
.formulaire .notetext, .notetext {
    width: 100%;
	overflow-y: auto;
    min-height: 150px;
}
.formulaire .selectStatut0, .formulaire .optionStatut0 {
	background: #b3e8b3;
}
.formulaire .selectStatut1, .formulaire .optionStatut1 {
	background: #ecbbbb;
}
.formulaire .selectStatut2, .formulaire .optionStatut2 {
	background: #f5e997;
}
.formulaire .searchC1 {
	display: none;
}
.importantfields label::before,
.importantfields .infobulle::before {
	content: url(../../images/importantfields.svg);
    position: absolute;
    margin-left: -23px;
    margin-top: -2px;
    width: 20px;
    height: 20px;
}
.importantfields label.radioList::before {
	content: '';
}
.fullmontant {
	color: forestgreen;
    font-weight: bold;
    /*text-shadow: 1px 1px 0px lightgreen;*/
}
.fullmontant input {
	color: forestgreen;
    font-weight: bold;
    background: #98fb9885;
}
.nofullmontant {
    color: indianred;
    /*text-shadow: 1px 1px 0px #cd5c5c;*/
    font-weight: 600;
}
.nofullmontant input {
    color: indianred;
}
.nofullmontant input[type="text"]:disabled {
    width: 2rem;
    text-align: right
}
.toofullmontant {
    color: #428bca;
    font-weight: bold;
    text-shadow: 1px 1px 0px #93c7f5;
}
.toofullmontant input {
    color: #428bca;
    font-weight: bold;
    background: #428bca52;
	
}
#montant {
    background: rgba(255, 152, 0, 0.3);
}
.c-gallery input {
    position: absolute;
}
a.perfundo__link {
    position: relative;
}
.c-gallery input.delete {
	background: url(../images/icon-delete.svg);
    position: absolute;
    font-size: 0px;
    width: 20px;
    height: 20px;
    right: 5px;
    bottom: 7px;
	border: none;
	cursor: pointer;
}
.label100 {
	width: 100%;
    text-align: center;
}
.perfundo__image {
	background-position: center;
    background-size: contain  !important;
	background-repeat: no-repeat;
}
.tarifmodif {
    display: inline-block;
    cursor: pointer;
}
#tarifmodif {
    display: none;
}
/* DATING REAL ESTATES - Fin */







































/* Page HOMEPAGE - Début ##############################################*/
.caseMaintenance {
	display: block;
	margin-left: 15px !important;
}
/* Page HOMEPAGE - Début ##############################################*/


/* Page HOMEPAGE - Début ##############################################*/
#demoRappel {
    background: #c1684f;
    padding: 20px 20px 20px 84px ;
    border-radius: 3px;
    color: wheat;
	position: relative;
    font-size: 20px;
}
#demoRappel img {
	width: 30px;
    position: absolute;
    top: 11px;
	left: 20px;
}

.homepageColonne {
    width: 50%;
    float: left
}
.widjetHomepage {
	
}
.widjetHomepage .widjetBlocHomepage {
	background: white;
    margin: 5%;
    border: solid #d7d7d7 1px;
    border-radius: 3px;
}
.widjetHomepage .titleWidget {
	background: url(../images/background-button.png),#acacac;
	color: white;
    padding-left: 10px;
    min-height: 30px;
    line-height: 30px;
	text-shadow: 1px 1px 0px grey;
}
.widjetHomepage .contentWidget {
	padding: 10px;
}
.widjetHomepage .contentWidget h4 {
	padding: 0;
	margin: 0;
}
.widjetHomepage .contentWidget span {
    color: gray;
    font-size: 11px;
}
.widjetHomepage .contentWidget table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.widjetHomepage .buttonWidget {
	padding: 0px 10px 10px 10px;
	text-align: right;
}
.widjetHomepage .buttonWidget a {
    color: #2196F3;
}
.widjetHomepage tr a {
    color: #000;
	transition: all 0.2s ease-in-out;
}
.widjetHomepage tr a:hover {
    color: #29acb2;
}
.widjetHomepage td, .widjetHomepage th {
    border: solid 1px grey;
    text-align: center;
}
.widjetHomepage .contentWidget a.urgent {
	background: url(../images/background-button.png), #29acb2;
    width: 100%;
    display: inline-block;
    color: white;
    border-radius: 3px;
    padding: 3px;
	text-align: center;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
	animation-name : urgent ; 
	animation-duration : 0.5s ; 
	animation-delay : 0s ; 
	animation-iteration-count : infinite ;
	animation-direction : alternate ;
}
.widjetHomepage .contentWidget a.urgent:hover {
	background: url(../images/background-button.png), #ff0000;

}
@-webkit-keyframes urgent {
	0% { background : url(../images/background-button.png), #29acb2; }
	100% { background : url(../images/background-button.png), #ff0000; }
}
@-moz-keyframes urgent {
	0% { background : url(../images/background-button.png), #29acb2; }
	100% { background : url(../images/background-button.png), #ff0000; }
}
@-o-keyframes urgent {
	0% { background : url(../images/background-button.png), #29acb2; }
	100% { background : url(../images/background-button.png), #ff0000; }
}
@keyframes urgent {
	0% { background : url(../images/background-button.png), #29acb2; }
	100% { background : url(../images/background-button.png), #ff0000; }
}
.contentWidget td button {
    padding: 0;
    line-height: 0rem;
    margin: 2px;
    transition: all 0.1s ease-in-out 0s;
}
.contentWidget td button:hover {
    transform: scale(1.1);
}
.contentWidget td button img {
    width: 1.3rem;
}
.contentWidget td > img {
    width: 1.5rem;
    margin: 2px 2px -2px 2px;
}
/* Page HOMEPAGE - Fin ################################################*/


/* Page textuel - Début #################################################*/
.textuel blockquote {
    color: #1298d9;
	border-radius: 6px 11px;
	background: url(../images/blockquoteTop.png) top left no-repeat,  url(../images/blockquoteBottom.png) bottom right no-repeat, #def9ff;
	border: solid white 2px;
	margin-top: 10px;
	text-align: center;
}
.textuel details {
	border: solid white 2px;
	margin-top: 10px;
	padding: 15px;
	padding-left: 56px;
    color: #d9a912;
    border-radius: 11px;
	background: url(../images/infos-details-black.png) 15px center  no-repeat, #f9ebb6;
}
.textuel details summary {
	display: block;
	cursor: pointer;
	-khtml-user-select : none;
	-webkit-user-select : none;
	-moz-user-select : -moz-none;
	-ms-user-select : none;
	user-select : none;
}
.textuel details summary a {
	color: #bf900d;
    font-size: 12px;
    border-left: solid 1px;
    padding-left: 10px;
    margin-left: 7px;
}
.textuel details p {
}
.textuel h2 {
	border-bottom: solid #29acb2 2px;
    display: inline-block;
	margin-left: -2%;
}
.textuel h2::first-letter {
	color: #29acb2
}
.textuel h3 {
    display: block;
	margin-left: -1%;
    border-left: solid 4px #29acb2;
    font-weight: normal;
	padding: 4px;
}
.listactivites h3, .baselineH3 {
    text-align: center;
    margin-top: -42px;
    font-weight: normal;
}
.textuel figure {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.textuel figure img, .textuel a img {
    box-shadow: 0px 0px 20px gray;
    border: solid #FFF 1px;
	border-radius: 3px;
    width: 100%;
	height: inherit;
}
.textuel figure figcaption {
    color: #939393;
	text-align: center;
	text-shadow: 0px -2px 3px white;
}
.textuel figure figcaption a {
	font-size: 12px;
    float: right;
	transition: all 0.2s;
}
.textuel figure figcaption a:hover {
	color: #29acb2;
}
/* Page textuel  - Fin ##################################################*/


/* MANUEL - Début #######################################################*/
.textuel a {
	color: #080061;
}
.textuel a:hover {
	text-decoration: underline;
}
.textuel ul {
	margin: 0;
}
.textuel ul li {
	margin-bottom: -6px;
}
.summaryMarge {
	height:0px;
    margin-bottom: -15px;
}
a.manuelSection {
	width: 22%;
    float: left;
	background: url(../images/background-button.png),#525252;
	transition: all 0.1s ease-in-out;
	color: white;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 20px;
    padding: 17px 0px;
    text-align: center;
	font-size: 22px;
}
a.manuelSection:hover {
	background: url(../images/background-button.png),#29acb2;
	transform: scale(1.1);
}
a.manuelSection.actuel {
	background: url(../images/background-button.png),#29acb2;
}
#sb-site .pourcent50.manuelword {
    width: 45%;
}
#manuelword .manueldoc {
    text-align: center;
    transition: all 0.1s ease-in-out 0s;
}
#manuelword .manueldoc:hover {
    transform: scale(1.1);
}
#manuelword .manueldoc img {
    width: 5rem;
    display: block;
}
#manuelword .manueldoc span {
    color: black;
    font-size: 1rem;
}
/* MANUEL  - Fin ########################################################*/


/* Login - Début ########################################################*/
#loginPage #logo img {
    width: 40px;
	margin: 10px;
}
/*#loginPage {
	background-color: #EFEFEF;
    margin: 2%;
    z-index: 0;
    animation-duration: 2s;
    animation-name: mainIn;
    height: 88%;
    position: fixed;
    width: 96%;
}*/
#loginPage {
	background-color: #EFEFEF;
	margin: 5vh 2vw;
	z-index: 0;
	animation-duration: 2s;
	animation-name: mainIn;
	height: 90vh;
	position: fixed;
	width: 96vw;
}
#loginPage #formLogin {
	background: url(../images/background-button.png),#525252;
	width: 400px;
	height: 200px;
	top: 50%;
	position: absolute;
	margin-top: -100px;
	left: 50%;
	margin-left: -200px;
	border-radius: 4px;
}
#loginPage #formLogin h1 {
	color: white;
    font-family: 'sciflysans';
	float: none;
    width: 100%;
    text-align: center;
    margin: 18px 0px 18px 0px;
}
#loginPage #formLogin label {
	color: white;
	width: 37%;
    font-family: 'sciflysans';
}
#loginPage #formLogin input[type=text], #loginPage #formLogin input[type=password] {
    font-family: 'sciflysans';
	height: 21px;
	padding: 5px;
	font-size: 15px;
	border-radius: 2px;
	border: 0;
}
#loginPage #formLogin input[type=submit] {
	margin: 0;
	margin-top: 10px;
}
#loginPage .loginReussi {
    font-family: 'sciflysans';
    background: #d0f7a8;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: solid 1px green;
    color: green;
	opacity: 0;
	overflow: hidden;
    animation-duration: 10s;
    animation-name: messRater;
}
#loginPage .loginRater {
	font-family: 'sciflysans';
    background: #f7d0a8;
    text-align: center;
    height: 0px;
    line-height: 50px;
    border: solid 1px red;
    color: red;
	opacity: 0;
	overflow: hidden;
    animation-duration: 10s;
    animation-name: loginRater;
}
@keyframes loginRater {
	0% {
		height: 50px;
		opacity: 1;
	}
	70% {
		height: 50px;
	}
	99% {
		height: 0px;
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
#browserList {
    height: 50px;
    width: 600px;
    text-align: center;
    bottom: 9px;
    right: 0;
    position: absolute;
	font-family: 'sciflysans';
}
#browserList .title {
	color: grey;
}
#browserList a {
	display: inline-block;
}
#browserList a:hover img, #browserList a:hover p {
	transform: scale(1.05);
	color: #29acb2;
}
#browserList img {
	width: 43px;
    margin-bottom: -16px;
	transition: all 0.1s ease-in-out;
}
#browserList p {
	display: inline-block;
	transition: all 0.1s ease-in-out;
}
/* Login - Fin ##########################################################*/


/* MESSAGES - Début #####################################################*/

.messageError {
	font-family: 'sciflysans';
    background: #f7d0a8;
    text-align: center;
    height: 0px;
    line-height: 50px;
    border: solid 1px red;
    color: red;
	opacity: 0;
	overflow: hidden;
    animation-duration: 10s;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
    animation-name: messages;
}
.messageValid {
	font-family: 'sciflysans';
    background: #d0f7a8;
    text-align: center;
    height: 0px;
    line-height: 50px;
    border: solid 1px green;
    color: green;
	opacity: 0;
	overflow: hidden;
    animation-duration: 10s;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
    animation-name: messages;
}
@keyframes messages {
	0% {
		height: 0px;
		opacity:0;
	}
	10% {
		height: 50px;
		opacity: 1;
	}
	70% {
		height: 50px;
	}
	99% {
		height: 0px;
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.debugFonction {
	margin-left: 5rem;
	margin-top: 2rem;
	padding: 0.5rem;
	width: auto;
	background: #fbc0c0;
	border: solid 3px #ffabab;
	display: inline-block;
}
.debugFonction::before {
    content: "Erreur de fonction : ";
    color: red;
    font-weight: bold;
}
.debugFonction span {
	color: white;
	background: red;
	padding: 4px 10px;
	border-radius: 3px;
	font-family: "Open Sans", "Segoe UI";
}
.msgBorPresta {
    clear: both;
    text-align: center;
    color: #bf9800;
    background: #e8e0c0;
    padding: 0.5rem;
    border-radius: 3px;
    border: dotted;
}
.msgEmail {
    color: #000000;
    background: #ffffff;
    padding: 1rem;
    border-radius: 5px;
    border: dotted;
}
.msgOldEmail {
    color: #a90000;
    background: #ffa0a0;
    padding: 0.1rem;
    border-radius: 5px;
    border: dashed;
}
.remerciement {
    background: #e0e0e0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
}
.remerciement > div {
background: #fff;
    width: 30rem;
    height: 8rem;
    position: absolute;
    top: 37.5vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 1.2rem;
}
/* MESSAGES - Fin #######################################################*/


/* Buttons - Début ######################################################*/
.buttonsimple {
	background: url(../images/background-button.png),#525252;
	transition: all 0.1s ease-in-out;
	color: white !important;
	font-size: 18px;
	font-weight: normal;
	padding: 4px 13px 4px 13px;
	margin-top: 6px;
	display: inline;
	border: none;
	border-radius: 2px;
}
.buttons {
	background: url(../images/background-button.png),#525252;
	transition: all 0.1s ease-in-out;
	color: white !important;
	font-size: 18px;
	font-weight: normal;
	padding: 4px 13px 4px 13px;
	margin-top: 6px;
	display: inline;
	position: absolute;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}
.buttons:hover, .buttonsimple:hover {
	background: url(../images/background-button.png),#29acb2;
}
.buttons.ajouter {
	margin-left: 30px;
	border-radius: 2px;
}
.buttons.creer {
	margin-left: 30px;
	border-radius: 2px;
    right: 10%;
}
.buttons.editCom {
	
}
.buttons.relative {
	position: relative;
}
.bttopright {
	margin-left: 30px;
	border-radius: 2px;
    text-align: right;
    float: right;
}
.bttopright .buttons {    
    float: none;
    position: static;
}
.bttopleft {
    position: absolute;
    top: 0;
    left: 25px;
    text-align: left;
}
.bttopleft .buttons {    
    float: none !important;
    position: static;
}
.btSign {
    width: 171px;
    margin-bottom: 1rem;
    display: block;
    position: static;
}
#blocFilter {
	float: left;
	width: 99%;
	text-align: center;
}
#blocFilter form {
	display: inline;
}
#blocFilter label {
	width: auto;
	margin-left: 5%;
}
#searchBar {
	margin-left: 5%;
	position: relative;
}
#searchBar input[type="search"] {
	padding: 5px;
    font-family: 'sciflysans';
    border: solid 1px #d8d8d8;
}
#searchBar input[type="submit"] {
	font-size: 0px;
    border: 0;
	top: -2px;
    height: 25px;
    width: 26px;
    /*position: absolute;*/
    background: url(../images/background-button.png), url(../images/loupe.svg), #525252;
	transition: all 0.1s ease-in-out;
}
#searchBar input[type="submit"]:hover {
	background: url(../images/background-button.png), url(../images/loupe.svg), #29acb2;
}
#searchBar input[type="submit"].resetSearch {
    background: url(../images/background-button.png), url(../images/icon-produit-delete.svg), #525252;
	background-size: 58%;
	background-repeat: no-repeat;
	background-position: center;
	/*transform: translateX(103%);*/
}
#searchBar input[type="submit"].resetSearch:hover {
	background: url(../images/background-button.png), url(../images/icon-produit-delete.svg), #ad0000;
	background-size: 58%;
	background-repeat: no-repeat;
	background-position: center;
}

#viewFormContactClos, #viewFormContactOpen {
	position: relative;
	margin-top: 5px;
	display: inline-block;
}
#viewFormContactClos {
	display: none;
}
#contactForm {
	opacity: 0;
	height: 0;
}
.buttonGreen, a.buttonGreen {
	transition: all 0.1s ease-in-out;
	font-size: 18px;
    font-family: 'sciflysans';
	background: url(../images/background-button.png),#469710;
	color: white;
	border: none;
	border-radius: 2px;
	font-weight: normal;
	cursor: pointer;
	padding: 4px 13px 4px 13px;
}
.buttonGreen:hover, a.buttonGreen:hover {
	background: url(../images/background-button.png),#2E6D03;
	color: white;
}
.buttonBlue {
	transition: all 0.1s ease-in-out;
	font-size: 18px;
    font-family: 'sciflysans';
	background: url(../images/background-button.png),#478ee4;
	color: white;
	border: none;
	border-radius: 2px;
	font-weight: normal;
	cursor: pointer;
	padding: 4px 13px 4px 13px;
}
.buttonBlue:hover {
	background: url(../images/background-button.png),#2d58b9;
}
.searchContact {
    width: 89% !important;
	margin:0 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}
.searchContact label {
	margin:0 !important;
	padding:0 !important;
}
.searchContact select {
	width: 100px;
}
.h1search {
	margin-bottom: 20px;
}
#endBordereau {
    background: #FF5722;
    border-radius: 28%;
    padding: 0.5rem;
    color: white;
    border: solid 1px #c12e00;
    font-family: 'sciflysans';
    position: relative;
    font-size: 1rem;
    margin-top: -2rem;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out 0s;
}
#endBordereau:hover {
    background: #b92f03;
    padding: 1rem;
    margin-top: -2.5rem;
    margin-bottom: -0.5rem;
}
/* Buttons - Fin ##########################################################*/


/* UPDATES - Début ########################################################*/
.fenetreUpdate {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 99999;
    font-family: 'sciflysans';
}
.fenetreUpdate .blocUpdate {
	border: solid 2px #4a4a4a;
    width: 80%;
    height: 75%;
    background: #EFEFEF;
    margin: auto;
    top: 12%;
    margin-top: 13px;
    display: block;
    position: relative;
}
.fenetreUpdate .blocUpdate .titleUptade {
    height: 30px;
	line-height: 30px;
    background: url(../images/background-button.png), #525252;
	color: #b5b5b5;
    text-align: center;
    font-size: 16px;
    position: absolute;
    width: 100%;
    top: -34px;
    margin-left: -2px;
    border: solid 2px #4a4a4a;
}
.fenetreUpdate .blocUpdate .titleUptade span {
    font-size: 22px;
	color: white;
}
.fenetreUpdate .blocUpdate .contentUptade {
    overflow: auto;
    height: 100%;
    padding: 3%;
    box-sizing: border-box;
}
.fenetreUpdate .blocUpdate .bottonsUptade {
    height: 10%;
}
.fenetreUpdate .blocUpdate .bottonsUptade .jailu {
    margin-right: 17px;
    float: right;
    position: relative;
    margin-top: -5%;
}
.fenetreUpdate .blocUpdate .bottonsUptade .rappeler {
    float: right;
    position: relative;
    margin-top: -5%;
    margin-right: 10px;
    margin-right: 100px;
}
/* UPDATES - Fin #############################################################*/


/* Autocomplete - Début ######################################################*/
#results {
    display: none;
    position: absolute;
    background: white;
    padding: 5px 10px;
    box-shadow: 0px 5px 5px grey;
    margin-top: -3px;
    border: solid 1px #c4c4c4;
    border-top: none;
    z-index: 1;
}
#results > div {
    border-bottom: solid 1px #c4c4c4;
    padding: 2px 15px 6px 0px;
}
#results > div:last-child {
    border-bottom: none;
}
#results > div span {
    display: block;
    margin-left: 1rem;
    font-style: italic;
    font-weight: normal;
    font-size: 0.8rem;
    color: grey;
}
#results > div a {
    position: absolute;
    right: 0;
    transition: all 0.1s ease-in-out 0s;
}
#results > div a img {
    margin-right: 5px;
    width: 1.3rem;
}
#results > div a:hover {
    transform: scale(1.1);
}
#results > div em {
    font-size: 0.8rem;
}
#results > div em.princi {
    color: #4caf50;
}
#results > div em.second {
    color: #8bc34a;
}
#results > div em.aucune {
    color: #ff9800;
}
#closeResults {
    background: #bfbfbf;
    cursor: pointer;
    width: max-content;
    margin-left: auto;
    padding: 2px 8px;
    text-shadow: 1px 1px 0px #d2d2d2;
    border: outset;
}
#closeResults:hover {
    background: #a7a6a6; 
}
#closeResults:active {
    border: inset;
}
/* Autocomplete - Fin ########################################################*/


/* Export Excel - Début ######################################################*/

.exportexcel label {
	width: 130px;
}
.exportexcel .btExport {
    text-align: center;
    width: 100%;
}
.exportexcel .btExport input {
    float: none !important;
}
.exportexcel .txtexport {
    padding: 0 8% 30px 8%;
    box-sizing: border-box;
	text-align: justify;
}

/* Export Excel - Fin ########################################################*/


/* Datepicker - Début ########################################################*/
#ui-datepicker-div {
	margin-top: -20px;
}
.hasDatepicker {
    background: url(../images/date-calendar.svg) center right no-repeat, white;
	border: solid 1px #b7b7b7;
}
/*.ui-datepicker-prev span {
    background-image: url(http://legacy.australianetwork.com/img/icon_arrow_left_black.png) !important;
        background-position: 0px 0px !important;
}

.ui-datepicker-next span {
    background-image: url(http://legacy.australianetwork.com/img/icon_arrow_right_black.png) !important;
        background-position: 0px 0px !important;
}*/
/* Datepicker - Fin ##########################################################*/


/* Formulaire - Début ########################################################*/
select, input[type='text'], input[type='date'], input[type="number"], input[type="password"], input[type="url"], input[type="tel"], input[type="email"] {
	padding: 5px;
    font-family: 'sciflysans';
}
.produitFournisseur select {
    min-width: 100px;
}
option {
    font-family: 'sciflysans';
    background: #ffffe8;
}
optgroup {
    font-family: 'sciflysans';
    background: #e4e4ba;
}

label {
	width: /*48*/40%;
    display: inline-block;
    margin-bottom: 9px;
    text-align: right;
    padding-right: 2%;
}
.specialabel label {
    display: inline;
    margin-bottom: 9px;
    text-align: center;
    padding-right: 0;
}
.labelPresent {
    width: auto;
    margin: 0;
    padding: 0;
}
.patientsAtelier {
    width: 5rem;
    display: inline-block;
}
select.prioriteSelect {
    width: 45px;
    margin-top: -4px;
    margin-bottom: -7px;
	background: #f1f0ca/*#cadef1*/;
}
.formulaireprincipal select.prioriteSelect {
    position: absolute;
}
.formulairecriteres select.prioriteSelect {
    margin-left: 3px;
}
form h2 {
	text-align: center;
}
form input[type='submit'].next, .nextSubmit, .next {
	transition: all 0.1s ease-in-out;
	font-size: 18px;
    font-family: 'sciflysans';
	background: url(../images/background-button.png),#469710;
	float: right;
	margin-right: 10%;
	color: white;
	border: none;
	border-radius: 2px;
	font-weight: normal;
	cursor: pointer;
	padding: 4px 13px 4px 13px;
}
form input[type='submit'].next.betweenzone {
	float: none;
	margin-right: 0;
}
form input[type='submit'].button {
	transition: all 0.1s ease-in-out;
	font-size: 18px;
    font-family: 'sciflysans';
	background: url(../images/background-button.png),#469710;
	color: white;
	border: none;
	border-radius: 2px;
	font-weight: normal;
	cursor: pointer;
	padding: 4px 13px 4px 13px;
}
form input[type='submit'].next:hover,  .nextSubmit:hover, .next:hover {
	background: url(../images/background-button.png),#2E6D03;
}
form #note {
	width: 78%;
    margin-left: 10%;
    min-height: 300px;
    padding: 1%;
}
a.next {
	color: white;
}
form input[type='submit'].btOrange {
	background: url(../images/background-button.png),#ff9800;
}
form input[type='submit'].btOrange:hover {
	background: url(../images/background-button.png),#d07e04;
}
form input[type='submit'].next.btOrange {
	background: url(../images/background-button.png),#ff9800;
    font-size: 1.5rem;
}
form input[type='submit'].next.btBlue {
	background: url(../images/background-button.png),#00bcd4;
}
.pourcent100 .note {
	width: 100%
}
.docListe .fileLine {
    float: left;
    margin-top: 15px;
}
.docListe a {
	background: #b2ddff;
    border-radius: 4px;
    padding: 4px 8px;
    margin-right: 30px;
    text-align: center;
    color: #075ca6;
    font-family: 'sciflysans';
}
.docListe .delete {
    margin-top: -4px;
    margin-left: -34px;
    margin-right: 10px;
    border-radius: 0 3px 3px 0;
}
#ficheContactPage .docListe {
	width: 100% !important;
    box-sizing: border-box;
}
.papersend input[type='text'] {
	width: 139px;
}
.papersend input[type='submit'] {
	margin-top: -1px;
	position: relative;
}
fieldset.fieldset {
	border: dashed 1px #A8A8A8;
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
}
fieldset.where {
	border: dashed 1px #A8A8A8;
    padding: 10px 0 18px 0;
	margin: 10px;
}
fieldset.where2 {
    padding: 10px 0 4px 0;
}
fieldset.where legend {
	width: auto;
    padding: 0px 12px 0px 12px;
	margin: 0;
	border: none;
}
fieldset.where select {
	width: 45%;
}
fieldset.where > a {
    position: absolute;
    margin-top: 3px;
}
fieldset .buttonMore {
    padding: 10px 10px 10px 10px;
	text-align: right;
	margin-bottom: -19px;
}
fieldset .buttonMore a {
	color: #2196F3;
}
#emailSendDiv {
	width: 550px;
    margin-left: auto;
    margin-right: auto;
}
#emailSendLabel {
	width: 110px;
}
#emailSend {
	width: 150px;
}
.radioList {
    float: right;
    width: 48%;
    text-align: left;
    margin-bottom: 0px;

	-khtml-user-select : none;
	-webkit-user-select : none;
	-moz-user-select : -moz-none;
	-ms-user-select : none;
	user-select : none;
}
.radioList.yesnon {
	display: contents;
}
.radioList.yesnon input {
    margin-left: 10px;
}
.radioListLittle {
    width: auto;
    float: none;
}
.radioyesnon {
    line-height: 29px;
}
input[type='submit'].deleteContenu {
	transition: all 0.1s ease-in-out;
	font-size: 18px;
    font-family: 'sciflysans';
	background: url(../images/background-button.png),#d83510;
	float: left;
	color: white;
	border: none;
	border-radius: 2px;
	font-weight: normal;
	cursor: pointer;
	padding: 3px 7px 2px 7px;
    position: absolute;
    left: 0;
    bottom: 0;
}
input[type='submit'].deleteContenu2 {
	transition: all 0.1s ease-in-out;
	font-size: 18px;
    font-family: 'sciflysans';
	background: url(../images/background-button.png),#d83510;
	color: white;
	border: none;
	border-radius: 2px;
	font-weight: normal;
	cursor: pointer;
	padding: 3px 7px 2px 7px;
}
form input[type='submit'].deleteContenu:hover,form input[type='submit'].deleteContenu2:hover {
	background: url(../images/background-button.png),#96250b;
}
input[type='submit'].deleteContenu2.bottom {
    margin-top: 60px;
}
.chiffre {
	display: inline-block;
    font-size: 22px;
    color: #16a716;
    border: dotted;
    padding: 5px;
}
.chiffrered {
	display: inline-block;
    font-size: 22px;
    color: #A74315;
    border: dotted;
    padding: 5px;
}
.nbrpecp {
	text-align: center;
}
.hourinput {
    width: 45px;
}
.secInfoU h2 {
    background: url(../images/background-button.png),#525252;
    color: white;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 20px;
    padding: 17px 0px;
    text-align: center;
    font-size: 22px;
}
.secInfoU label::after {
    content: ':';
    margin-left: 0.3rem;
}
.secInfoU p {
    text-align: justify;
}
.infoU, .nc {
    
}
.infoU {
    color: #2196F3;
}
.nc {
    color: #607D8B;
    font-style: italic;
}
.tareasimple {
    width: 90%;
    min-height: 5rem;
}
/* Formulaire - Fin #########################################################*/


/* Formulaire Ajouter PRODUITS - Début ######################################*/

.toptableproduct {
    text-align: left;
    margin-bottom: -19px;
    margin-top: -15px;
    padding-top: 5px;
    margin-right: 8.33%;
    position: relative;
}
#windowsAcces input.giveAccess,
input.giveAccess {
    background: url(../images/background-button.png),#ff9800;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1;
    width: 13.4rem;
}
#windowsAcces input.dontgiveAccess,
input.dontgiveAccess {
    background: url(../images/background-button.png),#f44336;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1;
    width: 13.4rem;
}
#windowsAcces input.giveAccess,
#windowsAcces input.dontgiveAccess {
    position: relative;
    width: 90%;
    margin-left: 5%;
    float: none;
}
.toptableproduct label {
    width: auto;
}
.toptableproduct select {
    z-index: 1;
    position: absolute;
    margin-top: -4px;
}
.addProductDelete {
	width: 25px;
    height: 26px;
	background: url(../images/icon-produit-delete.svg),#dcdcdc;
    border: none;
    margin-top: 1px;
	margin-left: -25px;
    color: white;
	transition: all 0.1s ease-in-out;
	cursor: pointer;
	font-size: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 57%;
	position: absolute;
    display: inherit;
}
.addProductDelete:hover {
	background: url(../images/icon-produit-delete.svg),#e44747;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70%;
}
.addProductDeleteDepl {
	margin-left: -75px;
}
.deleteAchat {
    margin-left: 0;
    position: relative;
}
.blocAddProductDelete {
	
}
.addProductDepl {
    width: 25px;
    height: 26px;
    background: url(../images/icon-duplicate.svg),#dcdcdc;
    border: none;
    margin-left: -25px;
    color: white;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    font-size: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 57%;
    top: 2px;
    position: absolute;
}
.addProductDepl:hover {
	background: url(../images/icon-duplicate.svg),#00bcd44a;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70%;
}
.addProductDate {
    width: 25px;
    height: 26px;
    background: url(../images/icon-date.svg),#dcdcdc;
    border: none;
    margin-left: -78px;
    color: white;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    font-size: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 57%;
    top: 2px;
    position: absolute;
}
.addProductDate:hover {
	background: url(../images/icon-date.svg),#00bcd44a;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70%;
}

.issetDate .addProductDate {
    margin-left: -25px;
    top: inherit;
}
.ProductDateDelete {
    z-index: 1;
    top: -1px;
    left: -28px;
}
.ProductPresta {
    z-index: 1;
    top: 0;
    right: 0%;
    position: absolute;
    transform: translateX(105%);
}
.DeplPresta {
    width: 100%;
}
.dateLine {
    width: max-content;
    position: relative;
}
.dateLine input.hasDatepicker {
    max-width: 90px;
}
.dateLine input[type='time'] {
    padding: 2px;
}
input[type='time'] {
    max-width: 5rem;
}
._jw-tpk-container._jw-tpk-blue-grey {
    font-family: 'sciflysans';
}
._jw-tpk-header ._jw-tpk-hour,
._jw-tpk-header ._jw-tpk-minute {
    font-weight: normal;
    height: 1.9rem;
}
._jw-tpk-header ._jw-tpk-hour {
    content: 'Heure';
    font-size: 0;
}
._jw-tpk-header ._jw-tpk-hour::after {
    content: 'Heure';
    font-size: 1rem;
}
._jw-tpk-container {
    /*margin-bottom: 36px;*/
    margin-top: -25px;
}
#nbrconsult {
    display: none;
}
.overHour {
    color: red;
    font-weight: bold;
}
.justifiedDate {
    float: right;
    margin-top: 3px;
    margin-right: -9px;

}
.dureetrajets {
    padding: 2.9px 0px;
    width: 100%;
}

tr.productStandard {
    text-align: left;
}

.addProductDescription {
	padding-left: 5px !important;
}
#blocAjoutProduit .addProductDescription {
    width: 50%;
}
#blocAjoutProduit .addProductFields {
    width: 10%;
}
.addProductHTunit {
	text-align: center;
}
.addProductTVA {
	text-align: center;
}
.addProductHT {
	text-align: center;
    background-color: #d9d9d9;
    border: solid 2px #cccccc
}
.addProductDevis {
	width: 100%
}
.totaux .addProductDevis#reducIntitule {
	width: 100%
}
.duplicProduct {
    width: 25px;
    height: 26px;
    background: url(../images/icon-duplicate.svg),#dcdcdc;
    border: none;
    top: 3px;
    right: -50px;
    color: white;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    font-size: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 57%;
    position: absolute;
}
.duplicProduct:hover {
    background: url(../images/icon-duplicate.svg),#ffd391;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
}
.michelin-icon {
    position: absolute;
    top: 3px;
    right: 2px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    transition: all 0.2s ease-in-out 0s;
    box-shadow: 0 0 0px grey;
    background: url("../images/michelin.svg") center center /cover no-repeat;
}
.michelin-icon:hover {
    transform: scale(1.1);
    box-shadow: 0 0 5px grey;
}
.michelin-icon-gris {
    position: absolute;
    top: 3px;
    right: 2px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    box-shadow: 0 0 0px grey;
    background: url("../images/michelin-gris.svg") center center /cover no-repeat;
    cursor: not-allowed;
}
.btCalculKm {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 25px;
    height: 26px;
    padding: 0;
    line-height: 23px;
}
.tableProducts {
    width: 100%;
}
.tableProducts td, .tableProducts th {
    width: 8.33%;
    vertical-align: top;
    position: relative;
}
.tableProducts th {
    text-align: center;
}
table.tableProducts .sortorder {
    position: absolute;
    top: 11px;
    right: 0;
    cursor: ns-resize;
}
.readonlyGrey *[readonly], .readonlyGrey *[disabled] {
    background: #e3e3e3;
    border: solid 1px #d2d2d2;
}
#versionList {
    position: absolute;
    right: 10%;
    font-size: 17px;
    margin-top: 1.7rem;
}
#versionList td {
    border: dotted;
}
#versionList td a {
    display: block;
    padding: 0.5rem;
    transition: all 0.1s ease-in-out 0s;
}
#versionList td a:hover {
    background: #2dadb3;
    color: white;
}
#versionList td.thisversion a {
    background: #2dadb3;
    padding: 0.5rem;
    color: white;
    display: block;
}
#versionList td.thisversion a:hover {
    transform: scale(1.1);
}
#versionList .plusversion {
    background: #31c165;
}
#versionList .plusversion input {
    color: white;
    font-weight: normal;
    background: transparent;
    padding: 0.5rem;
    border: none;
    transition: all 0.1s ease-in-out 0s;
}
#versionList .plusversion:hover input {
    color: white;
    background: #20984c;
}

#versionList .otherversion {
    position: relative;
}

#versionList .otherversion .validateDevis {
    display: none;
    position: absolute;
    top: -33px;
    width: 99%;
}
#versionList .otherversion:hover .validateDevis {
    display: block;
}
#versionList .otherversion.devisValid:hover .validateDevis {
    display: none;
}
#versionList .otherversion .validateDevis input {
    background: #31c165;
    color: white;
    font-size: 0.9rem;
    text-align: center;
    border: 0;
    width: 100%;
    display: block;
    padding: 0.5rem;
    transition: all 0.1s ease-in-out 0s;
}
#versionList .otherversion .validateDevis input:hover {
    transform: scale(1.1);
}
#versionList .validateImg {
    position: absolute;
    top: -2rem;
    width: 2rem;
    left: 50%;
    transform: translateX(-50%);
}

#designation {
	width: 70%;
	display: inline-block;
}
#quantite, #prixunit, #tauxtva {
	width: 5%;
	display: inline-block;
}
#totalht {
	width: 7%;
	display: inline-block;
}

.addProduct  {
	padding: 5px 0px 5px 0px;
    font-family: 'sciflysans';
}
.addProduct.michelin  {
	padding: 5px 25px 5px 0px;
    box-sizing: border-box;
}
#blocProduits {
	width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	margin-bottom: 40px;
}
#blocAjoutProduit {
	background: #CDE1C1;
    padding: 8px;
    margin-bottom: 20px;
	border-radius: 3px;
}
.totaux, .reduction {
    text-align: right;
    padding-right: 3%;
}
.totaux label, .reduction label {
	margin: 0;
    font-family: 'sciflysans';
}
.reductionTotaux input {
    width: 100%;
	padding: 5px 0px 5px 0px;
    text-align: center;
}
.totaux input:not(#reducResult) {
	background: #c1effc;
	padding: 5px 0px 5px 0px;
    font-family: 'sciflysans';
    text-align: center;
	border: solid 1px #a8a8a8;
}
.totaux input#reducResult {
	padding: 5px 0px 5px 0px;
    font-family: 'sciflysans';
}
.reduction input {
	width: 7%;
	padding: 5px 0px 5px 0px;
    font-family: 'sciflysans';
    text-align: center;
	border: solid 1px #a8a8a8;
}
.tableProducts tfoot td {
    vertical-align: middle;
}
.tableProducts tfoot label {
    width: 100%;
    margin-bottom: 0;
}
.checkProd {
    position: absolute;
    top: 5px;
    right: -20px;
}
.produitColor {
	position: absolute;
    top: 3px;
    left: -50px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.produitConsults {
    position: absolute;
    top: 4px;
    left: -48px;
    width: 20px;
    height: 20px;
    background: url("../images/consult.svg") center center / contain no-repeat;
}
.produitTemparts {
    position: absolute;
    top: 4px;
    left: -48px;
    width: 20px;
    height: 20px;
    background: url("../images/tempar.svg") center center / contain no-repeat;
}
.produitNuits {
    position: absolute;
    top: 4px;
    left: -48px;
    width: 20px;
    height: 20px;
    background: url("../images/nuit.svg") center center / contain no-repeat;
}
.produitRepas {
    position: absolute;
    top: 4px;
    left: -48px;
    width: 20px;
    height: 20px;
    background: url("../images/repas.svg") center center / contain no-repeat;
}
.produitTrajets {
    position: absolute;
    top: 4px;
    left: -48px;
    width: 20px;
    height: 20px;
    background: url(../images/trajet.svg) center center / contain no-repeat;
}
.produitAuto {
	position: absolute;
    display: inline;
    top: 4px;
    right: 2px;
    background: #2b82e2;
    border-radius: 24px;
    padding: 4px 4px 0px 4px;
}
.produitAuto.red {
    background: #29acb2;
}
.produitAuto.red em {
    color: red;
	font-style: normal;
}
.produitAuto.green {
    background: #469710;
}
.produitAuto.stocknoactiv em {
	font-size: 11px;
}
.produitAuto img {
	width: 16px;
}
.produitConsult {
	padding: 0;
}
.produitConsult .infobulle {
	padding: 2px 7px 0px 9px;
	color: #e6e6e6;
	font-size: 19px;
}
#pr_produit .red {
	color:red;
	font-weight: bold;
}
#deplensuslabel {
    width: auto;
}
.redActiv {
	border: solid 0.5px #949494;
	background: #fdb9b9;
}
.tableProductsBordereau .redActiv {
	background: #EFEFEF;
	padding: 6.5px 1px;
}
.tableProductsBordereau .michelin.redActiv {
	background: #EFEFEF;
	padding: 5px 25px 8px 0px;
}
.tableProductsFacture .checkProd {
    display: none;
}
#anyDevis, .alert {
	display: none;
	background: #fedea3;
    border-radius: 3px;
    padding: 8px;
    color: #8e5c00;
}
.alert {
	display: block;
}
.firstProduct {
	color: red;
	padding: 30px;
}
.peaginput {
    padding: 5px 23px 5px 0px;
    box-sizing: border-box;
}
/* Formulaire Ajouter PRODUITS - Fin ########################################*/

/*##############################################################################################*/

/* ################  Fiche Technique  ########################### */

.fichetechnic .addProductDevis {
    min-height: 100px;
}
.fichetechnic h4 {
    font-weight: normal;
    font-size: 0.8rem;
}
.fichetechnic h4::first-line {
    font-weight: bold !important;
    font-size: 1rem !important;
}
.fichetechnic .note-editor.note-frame .note-editing-area .note-editable {
    min-height: 100px;
}
.texteFichtechnic {
    background: white;
    padding: 1rem;
    margin-bottom: 1rem;
}
.fichtecDates td {
    padding-left: 1rem;
}
/* Fiche Technique - Fin ########################################*/

/*##############################################################################################*/

/* ################  VERROU/DEVERROU  ################### */
.coverdiv, #deverroualert {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.84);
    position: fixed;
    z-index: 1048;  
}
.coverdiv span {
    width: 25%;
    display: block;
    height: 50%;
    margin-left: 37.5%;
    margin-top: 13vh;
    text-align: center;
    font-family: 'sciflysans';
    color: #FF5722;
    font-size: 1.3rem;
}
.coverdiv img {
    width: 50%;
    height: 75%;
    display: inline-block;
    transition: all 0.3s ease-in-out 0s;
}
.coverdiv a {
    border:solid 1px #FF5722;
    border-radius: 5px;
    color: #FF5722;
    margin: 5px;
    padding: 0.2rem 1.2rem;
    display: inline-block;
    transition: all 0.3s ease-in-out 0s;
}
.coverdiv a:hover {
    border-color: white;
    color: white;
    background: #FF5722;
}
.coverdiv input, #deverroualert input[type='text'] {
    border: none;
    background: none;
    display: inline-block;
    width: 1.5rem;
    font-family: 'sciflysans';
    color: #FF5722;
    font-size: 1.3rem;
    text-shadow:
1px 1px 0px white,-1px -1px 0px white,-1px 1px 0px white,1px -1px 0px white,
2px 2px 0px white,-2px -2px 0px white,-2px 2px 0px white,2px -2px 0px white,
3px 3px 0px white,-3px -3px 0px white,-3px 3px 0px white,3px -3px 0px white,
4px 4px 0px white,-4px -4px 0px white,-4px 4px 0px white,4px -4px 0px white,
5px 5px 0px white,-5px -5px 0px white,-5px 5px 0px white,5px -5px 0px white;

}
#zonecar {
    position: relative;
    background: white;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
#secondecarZero {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.5rem;
    font-family: 'sciflysans';
    color: #FF5722;
    font-size: 1.3rem;
    padding: 5px;
    margin: 0.3rem;
    z-index: -1;
}
.coverdiv input#minute, #deverroualert input[type='text']#minutecar {
    /*text-align: right;*/
}
.alertVerrou {
    background: #ffa0a0;
    padding: 1rem;
    margin: 0.5rem;
    text-align: center;
    color: #a90000;
    font-size: 1.2rem;
    border: solid 1px;
}
.alertVerrou img {
    height: 1.5rem;
    position: absolute;
    margin-left: -30px;
}
.alertVerrou a {
    position: absolute;
    border:solid 1px #a90000;
    border-radius: 5px;
    color: #a90000;
    margin: 5px;
    margin-top: -4px;
    padding: 0.2rem 1.2rem;
    display: inline-block;
    background: #ffdddd;
    transition: all 0.3s ease-in-out 0s;
}
.alertVerrou a:hover {
    border-color: white;
    color: white;
    background: #a90000;
}
#deverroualert {
    display: none;
    text-align: center;
}
#deverroualert input,#deverroualert a {
    position: static;
    display: inline-block;
    margin: 0.3rem;
}
#deverroualert .innerdiv {
    width: 50%;
    margin-left: 25%;
    background: rgba(255, 255, 255, 0.82);
    padding: 5vh;
    margin-top: 26vh;
}
#deverroualert .innerdiv h2 {
    color: #a90000;
}

/* VERROU/DEVERROU - Fin ################################*/

/*##############################################################################################*/

/* ################  Tests  ################### */

.buttonstest {
	background: url(../images/background-button.png),#525252;
    transition: all 0.1s ease-in-out;
    color: white !important;
    font-size: 18px;
    font-weight: normal;
    padding: 4px 13px 4px 13px;
    margin-top: 6px;
    display: inline-block;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.tabletests, .contactform {
    background: #CDE1C1;
    padding: 8px;
    /*margin-bottom: 20px;*/
    border-radius: 3px;
    margin-right: auto;
    margin-left: auto;
	position: relative;
}
.tableTest caption input.delete {
    position: absolute;
    right: -2rem;
    top: 0;
}
.tabletests th {
	text-align: right;
}
.tabletests th, .tabletests td {
	padding: 5px;
}
.tabletests input {
    width: 91px;
}
.tabletests input[type='submit'] {
    width: auto;
    float: none;
    margin-right: 0%;
}
.testsform {
	display: none;
}
.testsform .delete, .tabletests .delete, .contactform .delete {
    background: url(../images/background-button.png), url(../images/icon-produit-delete.svg), #525252;
    background-size: 58%;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px !important;
    height: 30px;
    position: absolute;
	cursor: pointer;
    right: 0px;
    top: -11px;
    border: none;
    border-radius: 2px;
}
.editest {
	display: none;
}
.contform {
    padding: 8px;
	padding-top: 25px;
	padding-bottom: 20px;
    background: #CDE1C1;
    border-radius: 3px;
    margin-bottom: -30px;
    margin-top: 5px;
	position: relative;
}
/* Tests - Fin ########################################*/

/*##############################################################################################*/

/* ################  Statistiques  ################### */
/*html#statistiques body#main {
    margin: 0;
    padding: 0;
    min-height: 0;
}
#zonebt.statBt a.actuel{
	background: url(../images/background-button.png),#29acb2;
}
#statsMain {
    text-align: center;
}
#statsMain .statsCase {
    background: #EFEFEF;
    width: 325px;
    margin-left: 2%;
    display: inline-block;
    margin-right: 2%;
	margin-bottom:20px;
	height:160px;
	cursor:default;
	animation-duration: 1.5s;
	animation-name: open;
	
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}
@keyframes open {
	0% {
		margin-top:200px;
	}
	100% {
		margin-top:0px;
	}
}
#statsMain .statsCase .title {
    background: #AF2AAF; /*Selon theme
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}
#statsMain .statsCase .infoLeft {
    width: 50%;
    height: 129px;
    /*background: #dad9d9;
    float: left;
}
#statsMain .statsCase .infoLeft .label {
	margin-top: 3px;
}
#statsMain .statsCase .infoLeft .numberRed {
	font-weight:bold;
	color:#8a3535
}
#statsMain .statsCase .infoLeft .numberGreen {
	font-weight:bold;
	color:#59ac30
}
#statsMain .statsCase .infoLeft .date {
	font-weight: bold;
    color: white;
    background: #8a3535;
    border-top: solid 7px white;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 5px;
    margin-right: 5px;
}
#statsMain .statsCase .infoRight {
}
#statsMain .statsCase .infoRight .label {
	width: 24.3%;
	color:gray;
    display: inline-block
}
#statsMain .statsCase .infoRight .number {
	width: 24.3%;
	display: inline-block
}
#statsMain .statsCase .infoRight .statsClic {
	width: 24.3%;
	height: 87px;
    display: inline-block
}
#statsMain .statsCase .infoRight .statsOpen {
	width: 24.3%;
	height: 87px;
    display: inline-block
}
#statsMain .statsCase .green {
    background: #dad9d9;
    width: 18px;
    height: 87px;
    position: absolute;
    margin-left: 19px;
	
	transform: rotate(180deg);
}
#statsMain .statsCase .green span {
    background: #59ac30;
	height: 65px;
	display:block
}
#statsMain .statsCase .red {
    background: #dad9d9;
    width: 18px;
    height: 87px;
    position: absolute;
    margin-left: 43px;

	-ms-transform: rotate(180deg); /* IE 9
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera
    transform: rotate(180deg);
}
#statsMain .statsCase .red span {
    background: #8a3535;
	display:block
}
#statsMain .statsCase span div {
	-ms-transform: rotate(90deg); /* IE 9
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera
    transform: rotate(90deg);
    text-shadow: 0px 1px 0px #020202;
    color: white;
    font-size: 12px;
}
.buttonStats {
}
#graphique {
    width: 60%;
	background:grey;
    margin-left: auto;
    margin-right: auto;
}
#graphique .month {
    background: #2E6DAF;
    height: 250px;
    width: 5.33%;
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
#graphique .monthTxt {
    position: absolute;
    width: 3%;
    margin-top: 260px;
}
#graphique .monthTxt span {
	color: #AF2AAF; /*Selon theme
    font-size: 11px;
    margin-top: -5px;
    display: block;
}
#graphique .courbe {
    background: #ffffff;
}
#graphique .number {
	margin-top: -21px;
    text-shadow: 1px 1px 0px #FFFFFF;
    font-weight: bold;
}
.buttonGraph {
	height: 28px !important;
    font-size: 16px !important;
    display: inline !important;
    color: white;
}

#buttonGraphDesa {
	background: #2E6DAF;
    border: dotted 1px #2E6DAF;
}
#buttonGraphAbon {
	background: #2EAF6C;
    border: dotted 1px #2EAF6C;
}
#buttonGraphAjou {
	background: #DEB63F;
    border: dotted 1px #DEB63F;
}
#buttonGraphOpen {
	background: #2CC59C;
    border: dotted 1px #2CC59C;
}
#buttonGraphClic {
	background: #BF495E;
    border: dotted 1px #BF495E;
}
#buttonGraphSend {
	background: #7EE035;
    border: dotted 1px #7EE035;
}
#buttonGraphDesa:hover {
	background: white;
	color: #2E6DAF !important
}
#buttonGraphAbon:hover {
	background: white;
	color: #2EAF6C !important
}
#buttonGraphAjou:hover {
	background: white;
	color: #DEB63F !important
}
#buttonGraphOpen:hover {
	background: white;
	color: #2CC59C !important
}
#buttonGraphClic:hover {
	background: white;
	color: #BF495E !important
}
#buttonGraphSend:hover {
	background: white;
	color: #7EE035 !important
}

#buttonGraphYear {
	height: 28px;
    width: 104px;
    padding-left: 15px;
    font-size: 16px;
}
#buttonGraphProd, #buttonGraphTriQ {
    height: 28px;
    font-size: 14px;
    padding: 5px 5px 1px 5px;
}

#statTotal {
	margin-top: 60px;
    font-size: 18px;
}
#statDescription {
	margin-top: 25px;
}
.entier {
    float: right;
    margin-right: 20px;
}
.virgule {
    margin-top: -20px;
    margin-right: 17.5px;
    font-weight: bold;
    float: right;
    text-shadow: 1px 1px 0px #FFFFFF;
}
.decimal {
    float: right;
}*/



.tablestats {
    background: #fbfbfb;
    width: 50%;
	height: 20rem;
	/*transform: rotate(-90deg);*/
    position: relative;
    float: left;
}
.statext {
    width: 50%;
    float: left;
	padding: 0 3rem 0 1rem;
	box-sizing: border-box;
}
.tablestats + .statext {
	padding: 0 2rem;
}
.statext h2 {
    margin-top: 0;
}
.tablestats.quartiles {
    
}
.tablestats .echelles {
	align-content: stretch!important;
	-ms-flex-wrap: wrap-reverse!important;
	flex-wrap: wrap-reverse!important;

	display: -ms-flexbox!important;
	display: flex!important;
}
.tablestats .echelleX {
	width: 2rem;
	height: 100%;
	margin-left: -2rem;
}
.tablestats .echelleY zero {
	position: absolute;
	left: -0.8rem;
	top: -1.1rem;
}
.tablestats .echelleY {
	position: absolute;
    width: 100%;
    height: 1rem;
    bottom: -1.5rem;
}
.tablestats .echelles > div {
	text-align: right;
	width: 100%;
	padding-right: 0.2rem;
	margin-top: -0.6rem;
}
.tablestats .echelles > div > hr {
	width: 100%;
	position: absolute;
	border: 0;
	border-top: dashed 1px #e8e8e8;
	margin: 0;
	padding: 0;
	margin-top: -0.6rem;
	margin-left: 2rem;
}
.tablestats .echelles > table, .tablestats .quartile {
    width: 100%;
}
.tablestats .echelles > table td {
    text-align: center;
    padding-top: 0.7rem;
}
.tablestats .quartile {
	position: absolute;
	bottom: 0;
	height: 100%;
	border-spacing: 0;
}
.tablestats .quartile td {
    position: relative;
}
.tablestats .quartile .courbe {
	width: 50%;
	height: 25%;
	max-width: 2rem;
	background: #ffc107;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
    transition: background 0.3s ease-in-out 0s;
    
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-name: openStats;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
}
.tablestats .quartile td:hover .courbe {
	background: #ff5722;
}
@keyframes openStats {
    0% {
	    width: 0%;
        background: #ff5722;
    }
    30% {
	    width: 0%;
    }
    90% {
        background: #ffc107;
    }
    100% {
	    width: 50%;
    }
}
.tablestats .quartile .courbe > span {
	width: 100%;
    opacity: 0.4;
    display: block;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}
.tablestats .quartile .courbe > span.top {
    margin-top: -1.15rem;
}
.tablestats .quartile .courbe > span.bottom {
	position: absolute;
	top: 100%;
}
.tablestats .quartile mediane {
	position: absolute;
	border-top: solid 2px black;
	margin-top: -1px;
	width: 60%;
	max-width: 2.5rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
    
    animation-delay: 0s;
    animation-duration: 1.5s;
    animation-name: openMediane;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
}

@keyframes openMediane {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.tablestats .quartile td:hover .courbe > span {
    opacity: 1;
}



.tablestats.courbes .courbe > span {
    opacity: 1;
}

.btforprint {
	padding: 0.3rem 0.6rem 0.3rem 1.8rem;
	border: solid 0.1px grey;
    position: relative;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
    background: #deefff; /* Old browsers */
    background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

}
.btforprint:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#98bede+0,deefff+100 */
    background: #98bede; /* Old browsers */
    background: -moz-linear-gradient(top,  #98bede 0%, #deefff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #98bede 0%,#deefff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #98bede 0%,#deefff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#deefff',GradientType=0 ); /* IE6-9 */
}
.btforprint img {
	width: 16px;
	position: absolute;
	left: 5px;
}
.bilan legend {
    text-align: center;
    background: #9e9e9e;
    border-radius: 4px;
    color: white;
    width: 50%;
}
.bilan h2 span {
    font-size: 1rem;
    color: grey;
}
.bilan form input[type='submit'] {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	width:100px;
	border:1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin: 10px auto 20px auto;
    transition: all 0.3s ease-in-out 0s;
}
.bilan form input[type='submit']:hover {
	background:#d0d0d0;
}
.bilanstatsave {
    text-align: center;
}
.bilan form .bilanstatsave input {
    display: inline-block;
}
.bilan form .bilanstatsave input[type='submit'] {
    display: inline-block;
    width: auto;
    padding: 0.4rem 0.8rem;
}
.bilan form button {
    border: solid 0.5px;
    padding: 3px 10px;
    border-radius: 3px;
    margin-right: 3px;
}
.bilan form button.actuel {
    background: #cecece;
    cursor: default;
}
.bilan form button:hover {
    background: #cecece;
}
#formbilanstatview {
    margin-bottom: 1rem;
    padding-right: 3rem;
}
#editstatname {
    
}
.bilan form input[type='submit'].bilanstatdel {
    display: inline-block;
    width: 1.8rem;
    font-size: 0;
    height: 1.8rem;
    line-height: 1.5rem;
    background: url(../images/icon-produit-delete.svg),indianred;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 57%;
    margin-right: 1rem;
    transition: all 0.1s ease-in-out 0s;
}
.bilan form input[type='submit'].bilanstatdel:hover {
    background: url(../images/icon-produit-delete.svg),#b32323;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 67%;
}
#reglagestatsection {
    position: relative;
}
#reglagestatsection > button {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.8rem;
    font-size: 0;
    height: 1.8rem;
    background: url(../images/icon-settings.svg),#555;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75%;
    border-radius: 2px;
}
/* FIN Statistiques */

/*##############################################################################################*/

/* PAGE PRODUITS - Début ####################################################*/
.tableProduit {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.tableProduit input {
	width: 100%;
}
.tableProduit input.delete {
	position: relative !important;
}
.tableProduit textarea {
	padding: 5px 2px 5px 2px;
    width: 97%;
    margin-left: 2%;
}
.tableProduit td {
    vertical-align: top;
}
.tableProduit .produitNom {
	width: 15%;
}
.tableProduit .produitReference {
	width: 9%;
}
.tableProduit .produitDesignation {
	width: 52%;
}
.tableProduit .produitQuantite, .tableProduit .produitHTunit, .tableProduit .produitTVA{
	width: 8%;
}
.ref, .rouge {
    color: #c13c32;
}
/* PAGE PRODUITS - Fin ##############################################################*/


/* PAGE DEVIS EDIT ACOMPTE - Début ##################################################*/
#acompteList {
	text-align: center;
	margin-top: 15px
}
#acompteList label {
	width: 100%;
	text-align: center;
	text-decoration: underline;
}
#acompteList .acompte {
	
}
#acompteList .acompteType {
	
}
#acompteList .acompteDate {
	
}
#acompteList .acompteDelete {
    position: initial;
    margin-left: 0;
}
#acompteList .acompteView {
    margin-left: -4px;
    position: absolute;
    margin-top: -13px;
    padding: 0px;
    font-size: 20px;
    line-height: 27px;
	background: #dcdcdc;
}
#acompteList .acompteView:hover {
	color: white;
	background: #478ee4;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
}
.cancelAlert {
	width: 250px;
	padding: 0.5rem;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	border-radius: 3px;
    background: #ffc6c6;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	text-shadow: #ffefef 1px 0px;
}
/* PAGE DEVIS EDIT ACOMPTE  - Fin ###################################################*/


/* PAGE STOCKS PRODUITS - Début ####################################################*/
.tableStocksProduit {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.tableStocksProduit td {
    padding: 5px 0 5px 0;
    min-height: 19px;
	padding-left: 2%;
	border: solid 1px #e2e2e2;
}
.tableStocksProduit th {
    padding: 5px 0px 5px 5px;
	font-size: 14px;
    background: url(../images/background-button.png),#525252;
    color: white;
	font-weight: normal;
	text-align: center;
}
.tableStocksProduit tr.cas1 {
	background: white;
}
.tableStocksProduit tr.cas2 {
	background: #f3f3f4;
}
.tableStocksProduit input {
	height: 25px;
    font-family: 'sciflysans';
}
.tableStocksProduit input[type="number"] {
	min-width: 137px;
}
.tableStocksProduit input[type="submit"] {
	background: url(../images/background-button.png),#469710;
    font-family: 'sciflysans';
	color: white;
	border: none;
	border-radius: 2px;
	font-size: 17px;
	transition: all 0.1s ease-in-out;
}
.tableStocksProduit input[type="submit"]:hover {
	background: url(../images/background-button.png),#2E6D03;
}
.tableStocksProduit .produitNom {
	width: 15%;
}
.tableStocksProduit .produitQuantite {
	width: 8%;
}
.iframeStocks {
	height: 36px;
	width: 100%;
}
/* PAGE STOCKS PRODUITS - Fin ######################################################*/


/* PAGE CALCULS - Début #####################################################*/
.calculPage table {
	margin-left: auto;
	margin-right: auto;
}
.calculPage .fieldZone {
	background: #d1d3d5;
}
.calculPage .fieldZone > span {
	margin-left: 5%;
    display: block;
    margin-bottom: 15px;
}
/* PAGE CALCULS - Fin #######################################################*/


/* PAGE CONFIGURATIONS - Début ##############################################*/
.configs label {
	width: 33.33%;
}
.configs select, .configs input[type="text"], .configs input[type="date"], .configs input[type="number"], .configs input[type="password"] {
    width: 40%;
}
input[disabled] {
	/*border: none;*/
    border: solid #ddd 0.1rem
}
.configs .next {
    margin-bottom: 30px;
    float: right !important;
}
.configs .next.center {
	
}
.configs .colors label {
	width: 51.33%;
}
.configs .backgrounds img {
	width: 30px;
}
.configs .backgrounds .modelFacture {
	width: 25%;
    float: left;
}
.configs .label100 {
	width: 100%;
	text-align: center;
	margin-top: 25px;
}
.configs span {
	color: #d82c2c;
	text-align: center;
	font-size: 12px;
    /*display: block;*/
}
.configs .title span {
	color: #fff;
}
.configs span.center {
	display: block;
}
.configs .docListe span {
    display: block;
}
#monBgFile, #monDocFile {
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}
.configs .pourcent50 {
	width: 50%;
}
.mentionsfactu, .mentionsdevis {
	text-align: center;
}
.mentionsfactu textarea, .mentionsdevis textarea {
	width:90%;
	overflow-y: auto;
}
.configs .mentionReccu {
	min-width: 850px;
}
.mentiozone textarea {
	display: block;
    min-width: 80%;
    margin-left: auto;
    margin-right: auto;
	padding: 1%;
}
/* PAGE CONFIGURATIONS - Fin ################################################*/


/* EDIT TRANSMISSION - Début ################################################*/
.editTransmission .factAchatRegle input[type="text"], .editTransmission .factAchatRegle input[type="number"] {
	width: 100%;
    box-sizing: border-box;
}
.editTransmission .factAchatRegle input[type="file"] {
	width: 95%;
	margin-left: 5%;
}

.editTransmission .factAchatRegle input[type="submit"] {
	background: url(../images/background-button.png),#469710;
    font-family: 'sciflysans';
	color: white;
	border: none;
	border-radius: 2px;
	font-size: 17px;
	transition: all 0.1s ease-in-out;
	padding: 0 10px 0 15px;
}
.editTransmission .factAchatRegle input[type="submit"]:hover {
	background: url(../images/background-button.png),#2E6D03;
}


.editTransmission .factAchatRegle select {
	width: 100%;
}

.editTransmission .factAchatRegle td.file {

}
.editTransmission .factAchatRegle a.dlFile {
	background: #109fb6;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 1px;
	border-radius: 3px;
	color: white
}
/* EDIT TRANSMISSION - Fin ##################################################*/


/* FORUM - Début ############################################################*/
.forum .post {
    background: #DDD;
    padding: 2%;
    margin-bottom: 5px;
}
.forum .post-primary {
    background: #B2B2B2;
}
.forum .post .post-user {
	background: #efefef;
	width: 12%;
	padding: 2%;
	float: left;
	margin-right: 2%;
	overflow: hidden;
}
.forum .post .post-user img {
    max-width: 40px;
    max-height: 40px;
    float: left;
    margin-right: 5px;
}
.forum .post .post-titre {
	background: white;
    float: left;
    width: 76%;
    padding: 5px 2% 0 2%;
	font-weight: bold;
	font-size: 20px;
	margin-right: 1%;
	transition: all 0.2s ease-in-out;
	position: relative;
}
.forum .post .post-message {
	background: white;
    float: left;
    width: 76%;
    padding: 2%;
	transition: all 0.2s ease-in-out;
	position: relative;
}
.forum .post a:hover .post-message, .forum .post a:hover .post-titre {
	background: #29acb2;
	color: white;
}
.forum #fomulaire1 {
	background: #d6e2ce;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.forum .postforum, .forum .postsujet {
    padding: 1%;
}
.forum .postforum .post-user, .forum .postsujet .post-user {
    padding: 1%;
}
.forum .postforum .post-titre, .forum .postsujet .post-titre {
    padding: 1%;
	width: 25%;
    min-height: 38px;
}
.forum .postforum .post-message, .forum .postsujet .post-message {
    padding: 1%;
	width: 54%;
    min-height: 38px
}

.forum .notifs {
	top: -5px;
    right: -5px;
    min-width: 13px;
    text-align: center;
	position: absolute;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	background: red;
	border-radius: 20px;
	color: white;
	font-size: 12px;
	padding: 3px;
	text-indent: 0;
    z-index: 1;
}

.forum .editPost {
	display: none;
    width: 18px;
    height: 18px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    color: white;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 0;
	cursor: pointer;
	transition: all 0.2s ease-in-out;

    background: url(../images/settings-icon.svg) center center no-repeat, #c1c0c0;
	background-size: 70%;
}
.forum .editPost:hover {
    background: url(../images/settings-icon.svg) center center no-repeat, #8f8e8e;
	background-size: 80%;
}
.forum .post:hover .editPost {
	display: block;
}
/* FORUM - Fin ##############################################################*/


/* MENU TOP - Début #########################################################*/
#menuBigScreen {
}
#menuBigScreen #menu #logo {
	width: 100%;
	height: 100px;
	text-align: center;
}
#menuBigScreen #menu #logo img {
	width: 70%;
	margin-top: 7px;
	margin-left: -5px;
    border-radius: 4px;
    border: solid 0.5px #000000;
    box-shadow: 0px 0px 20px #7d7d7d;
	transition: all 0.2s ease-in-out;
}
#menuBigScreen #menu:hover #logo img {
    border-radius: 2vh;
    /*height: 100%;
    width: auto;*/
}
#menuBigScreen #menu {
	background: url(../images/background-button.png),#525252;
	position: fixed;
	height: 100%;
	top: 0;
	z-index: 1049;
	width: 40px;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}
#menuBigScreen #menu:hover {
	width: 150px;
	overflow: visible;
}
#menuBigScreen #menu:hover ul li {
	width: 150px;
}
#menuBigScreen #menu:hover ul li ul li {
	width: 175px;
}
#menuBigScreen #menu ul {
	padding: 0;
}
#menuBigScreen #menu ul li {
	width: 40px;
	list-style: none;
	display: block;
	/*overflow: hidden;*/
    position: relative;
	transition: all 0.2s ease-in-out;
}
#menuBigScreen #menu ul li a {
	display: block;
	background: url(../images/background-button.png),#3b3b3b;
	height: 40px;
	border-top: solid 1px #3f3f3f;
	border-bottom: solid 1px #252525;
	color: #c7c7ca;
    font-family: 'sciflysans';
	transition: all 0.2s ease-in-out;
}
#menuBigScreen #menu ul li a:hover {
	background: url(../images/background-button.png), #29acb2;
}
#menuBigScreen #menu ul li ul {
	position: absolute;
    bottom: 0;
	margin-left: -250px;
	z-index: 100000;
	margin-top: -42px;
	opacity: 0;
	border-left: solid 1px #2e2e2e;
	transition: opacity 0.3s ease-in-out;
}
#menuBigScreen #menu ul li.tobottom ul {
    top: 0;
	bottom: auto;
	margin-top: 0;
}
#menuBigScreen #menu ul li:hover ul {
	opacity: 1;
	margin-left: 150px;
}
#menuBigScreen #menu ul li img {
	width: 23px;
	height: 23px;
	display: block;
	margin-top: 8px;
	margin-left: 8px;
	position: absolute;
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
#menuBigScreen #menu:hover ul li img {
	opacity: 0;
	width: 0px;
	height: 30px;
}
#menuBigScreen #menu .notifs {
	display: block;
    min-width: 13px;
    text-align: center;
	margin-top: 20px;
    right: 3px;
	position: absolute;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	background: red;
	border-radius: 20px;
	color: white;
	font-size: 12px;
	padding: 3px 3px 1px 3px;
	text-indent: 0;
}
#menuBigScreen #menu:hover .notifs {
	opacity: 0;
}
#menuBigScreen #menu .notifsSub {
	display: block;
	margin-top: -31px;
	margin-left: 129px;
	position: absolute;
    font-family: 'sciflysans';
	opacity: 1;
	transition: all 0.2s ease-in-out;
	background: red;
	border-radius: 20px;
	color: white;
	font-size: 12px;
	padding: 4px;
	text-indent: 0 !important;
}
#menuBigScreen #menu ul li span {
	opacity: 0;
	text-indent: -150px;
	position: absolute;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
}
#menuBigScreen #menu:hover ul li span {
	opacity: 1;
	text-indent: 15px;
    min-width: 13px;
    text-align: center;
}
#menuBigScreen #menu:hover ul li ul li span.notifs {
    text-align: center;
    opacity: 1;
    text-indent: 0px;
    min-width: 13px;
    line-height: normal;
    margin-top: 0px;
    right: 3px;
    top: 3px;
}
#menuBigScreen #menu ul li ul a {
	line-height: 40px;
	padding-left: 15px;
}
#menuBigScreen .actuel > a {
	border-left: solid #29acb2 5px;
	color: #7bf9ff !important;
}
#menuBigScreen .actuel img {
    margin-left: 5px !important;
}
#menuBigScreen .hover > a {
	background: url(../images/submenu.png) center right no-repeat,url(../images/background-button.png),#3b3b3b !important;
}
#menuBigScreen .hover > a:hover {
	background: url(../images/submenu.png) center right no-repeat,url(../images/background-button.png),#29acb2 !important;
}
.notifLine {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: red;
    border-radius: 20px;
    
    animation-name: notifLine;
    animation-direction: alternate-reverse;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}
@keyframes notifLine {
    0% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(-4px);
    }
}
/* MENU TOP - Fin ##########################################################*/
/* MENU TOP MOBILE - Début #################################################*/

#menuMobile {
}
#menuMobile #menuBigScreen {
    display: block;
}
#menuMobile #menu #logo {
    display: none;
	width: 100%;
	text-align: center;
}
#menuMobile #menu #logo img {
	width: 70%;
	margin-top: 7px;
	margin-left: -5px;
}
#menuMobile #menu {
	background: url(../images/background-button.png),#525252;
	height: 100%;
	width: 100%;
    position: absolute;
	top: 0;
	z-index: 1049;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}
#menuMobile #menu ul li.tobottom ul {
    top: auto;
    bottom: auto;
    margin-top: auto;
}
#menuMobile #menu ul li ul {
    position: static;
    margin-left: 0px;
    opacity: 1;
    margin-top: 0px;
}
#menuMobile #menu {
	overflow: auto;
}
#menuMobile #menu:hover {
	overflow: visible;
	width: 100%;
}
#menuMobile #menu:hover ul li {
	width: 100%;
}
#menuMobile #menu:hover ul li {
}
#menuMobile #menu:hover ul li ul li {
}

#menuMobile #menu:hover {
	width: 100%;
}
#menuMobile #menu:hover ul li {
	width: 100%;
}
#menuMobile #menu:hover ul li ul li {
	width: 100%;
}
#menuMobile #menu ul li:hover ul {
	margin-left: 100%;
}

#menuMobile #menu ul {
	padding: 0;
}
#menuMobile #menu ul li {
	list-style: none;
	display: block;
	width: 100%;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}
#menuMobile #menu ul li a {
	display: block;
	background: url(../images/background-button.png),#3b3b3b;
	height: 40px;
	border-top: solid 1px #3f3f3f;
	border-bottom: solid 1px #252525;
	color: #c7c7ca;
    font-family: 'sciflysans';
	transition: all 0.2s ease-in-out;
}
#menuMobile #menu ul li a:hover {
	background: url(../images/background-button.png), #29acb2;
}
#menuMobile #menu ul li ul {
	/*opacity: 0;
	height: 0px;*/
    overflow: hidden;
	/*display: none;*/
	border-left: solid 1px #2e2e2e;
	transition: opacity 0.3s ease-in-out;
}
#menuMobile #menu ul li:hover ul {
	opacity: 1;
	display: block;
	height: auto;
	margin-left: 0px;
}
#menuMobile #menu ul li img {
	width: 23px;
	height: 23px;
	display: block;
	margin-top: 8px;
	margin-left: 8px;
	position: absolute;
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
#menuMobile #menu:hover ul li img {
    opacity: 1;
	width: 23px;
	height: 23px;
}
#menuMobile #menu .notifs {
	display: block;
    min-width: 13px;
    text-align: center;
	margin-top: 20px;
	margin-left: 15px;
	position: absolute;
	opacity: 1;
	transition: all 0.2s ease-in-out;
	background: red;
	border-radius: 20px;
	color: white;
	font-size: 12px;
	padding: 3px;
	text-indent: 0;
}
#menuMobile #menu:hover .notifs {
	opacity: 0;
}
#menuMobile #menu .notifsSub {
	display: block;
	margin-top: -31px;
	margin-left: 129px;
	position: absolute;
    font-family: 'sciflysans';
	opacity: 1;
	transition: all 0.2s ease-in-out;
	background: red;
	border-radius: 20px;
	color: white;
	font-size: 12px;
	padding: 4px;
	text-indent: 0 !important;
}
#menuMobile #menu ul li span {
    opacity: 1;
	text-indent: 50px;
	position: absolute;
	margin-top: 10px;
	transition: all 0.2s ease-in-out;
}
#menuMobile #menu:hover ul li span {
	opacity: 1;
    min-width: 13px;
    text-align: center;
	text-indent: 50px;
}
#menuMobile #menu ul li ul a {
	line-height: 40px;
	padding-left: 15px;
}
#menuMobile .actuel > a {
	border-left: solid #29acb2 5px;
	color: #7bf9ff !important;
}
#menuMobile .actuel img {
    margin-left: 5px !important;
}
#menuMobile .hover > a {
	background: url(../images/submenu.png) center right no-repeat,url(../images/background-button.png),#3b3b3b !important;
}
#menuMobile .hover > a:hover {
	background: url(../images/submenu.png) center right no-repeat,url(../images/background-button.png),#29acb2 !important;
}
#menuMobile #decoMenu {
    position: static;
    display: block;
    margin: 1rem 0;
}
#bt-open-slidebar img {
	width: 80%;
    margin-top: 5px;
}
.sb-slidebar {
    /* overflow-y: auto; */
    position: absolute !important;
}
/* MENU TOP MOBILE - Fin #####################################################*/


/* Tableaux - Début ##########################################################*/
.totalAfficher {
    text-align: center;
    padding: 1rem;
	display: inline-block;
	width: 100%;
}
.montantRed,
span.colorRed {
    color: #ff0000;
}
.montantGreen {
    color: #63d01b;
}
.montantOrange {
    color: #e28e0f;
}
input.montant {
    width: 2rem;
}
select.patient {
    width: 9rem;
}
select.modepaiement {
    width: 6rem;
}
.tdstatut {
    min-width: 160px;
}
#trier, .simpletable {
	color:black;
	border-collapse:collapse;
	FONT:12 Arial;
	TEXT-ALIGN:center;
	max-width: 1400px;
	/*min-width: 875px;*/
}
#trier .title , .simpletable .title {
	font-size: 14px;
	background: url(../images/background-button.png),#525252;
	color: white;
    cursor: default;
}
#trier .titleperiode {
	background: url(../images/background-button.png),#777777;
}
#trier .title td {
    padding: 5px 3px 5px 3px;
}
#trier .title SPAN {
	cursor:pointer;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.2s ease-in-out;
}
#trier .title SPAN:hover {
	color: #29acb2;
}
#trier .line {
	padding: 5px;
	min-height: 19px;
}

#trier.listDevis .line,
#trier.listBordereaux .line,
#trier.listFactures .line,
#trier.listFichetechnic .line ,
#trier.listRelances .line  {
	min-height: 19px;
    padding: 0px;
}
#trier.listDevis .line a,
#trier.listBordereaux .line a,
#trier.listFactures .line a,
#trier.listFichetechnic .line a,
#trier.listRelances .line a
{
    padding: 5px;
    display: block;
}

#trier .trLigne1, .simpletable .trLigne1 {
	background: #f3f3f4;
}
#trier .trLigne2, .simpletable .trLigne2 {
	background: #fff;
}
#trier .tr.valid td {
	background: #8bc34a87;
}
#trier .trLigne1.child, #trier .trLigne2.child {
	
}
#trier .actuelleConsult {
    background-color: #29acb2;
    color: white;
}
#trier .actuelleConsult .actuel {
	display:none;
}
#trier tbody .title + tr {
    border-top: 0px !important;
}
#trier .parent {
    border-top: solid 5px #696868;
}
#trier .parent .firsttp {
	position: relative;
}
#trier .parent .firsttp img {
	height: 42px;
}
#trier tr:not(.title) td {
	position: relative;
}
#trier tr .optionLine {
	display: none;
}
#trier tr:hover .optionLine {
	display: block;
    position: absolute;
    top: 0;
    left: 100%;
    background: white;
    height: 100%;
    border: dotted grey 1px;
    color: black;
    width: 85px;
    border-left: none;
    padding: 2px 0px 0px 3px;
    box-sizing: border-box;
}
#trier.listFactures tr:hover .optionLine {
    width: 60px;
}
#trier.listDevis tr:hover .optionLine,
#trier.listBordereaux tr:hover .optionLine {
    width: 85px;
}
#trier.listTempart tr:hover .optionLine {
    width: 30px;
}
#trier tr .optionLine div {
	font-size: 0px;
    width: 23px;
    height: 23px;
    float: left;
    border: none;
    margin-top: 0px;
    margin-right: 5px;
}

#trier.listTempart  tr .optionLine div {
    margin-top: -13px;
    top: 50%;
}

#trier tr .optionLine div:hover {
    transform: scale(1.1);
}
#trier tr .optionLine div.duplicate {
    background: url("../images/icon-duplicate.svg");
    position: relative;
}
#trier tr .optionLine div.duplicate:hover > .dupliversion  {
    display: block;
}
#trier tr .optionLine div.duplicate > .dupliversion {
    display: none;
    position: absolute;
	font-size: 1rem;
	margin-top: 23px;
	top: 0px;
	float: none;
	height: auto;
	background: white;
	width: 100%;
}
#trier tr .optionLine div.duplicate > .dupliversion > .versionList {
	display: inline-block;
	background: #fdc300;
	width: 16px;
	height: 16px;
	line-height: 15px;
	color: white;
	border-radius: 2px;
    transition: all 0.1s ease-in-out 0s;
}
#trier tr .optionLine div.duplicate > .dupliversion > .versionList:hover {
	background: #f47d13;
}

#trier tr .optionLine div.archive {
    background: url("../images/icon-statut-1.svg");
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
#trier tr .optionLine div.cancel {
    background: url("../images/icon-delete.svg");
}
#trier tr .optionLine div.cancelGrey {
    background: url("../images/icon-deletegrey.svg");
}
#trier.listX tr td div.versionLink a {
    display: inline-block;
}
#trier.listX tr td div.versionLink .infobulle {
    display: inline-block;
}
#trier.listX tr td div.versionLink .infobulle span {
    margin-top: 29px;
}
#trier .tdSepare {
    background: white;
    padding: 5px;
}
#trier .minwidth {
    min-width: 4.5rem;
}
.totalMontant {
    text-align: center;
    font-weight: bold;
    padding: 1rem;
}
.listPrestaSends {
    margin-left: auto;
    margin-right: auto;
}
.listPrestaSends td {
    padding: 0 1rem;
}
.find {
    background: yellow;
}
.factliee {
    background: rgba(128, 128, 128, 0.18);
}
span.factliee {
    padding: 5px;
}
#contactSend {
    width:100%;
    margin-top: 25px;
}
#contactSend.interlocuteurs {
    margin-top: 0px;
}
#contactSend tr.cas1 {
    background: white;
}
#contactSend tr.cas2 {
    background: #f3f3f4;
}
#contactSend th {
    font-size: 14px;
    background: url(../images/background-button.png),#525252;
    color: white;
    text-align: center;
    font-weight: normal;
}
#contactSend td, #contactSend th {
    border: solid 1px #e2e2e2;
}
.special33 .pourcent33 > *, .special33 .pourcent33 > #contactSend {
    width: 95%;
}
.special33 a.buttons {
    width: auto;
    position: relative;
}
.delButton {
    width: 25px;
	height: 26px;
	background: url(../images/icon-produit-delete.svg),#dcdcdc;
	border: none;
	color: white;
	transition: all 0.1s ease-in-out;
	cursor: pointer;
	font-size: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 57%;
}
#trier .cadre-site-1, #trier .cadre-site-1-bis, .simpletable .cadre-site-1, .simpletable .cadre-site-1-bis {
	border: solid 1px #e2e2e2;
	transition: background 0.2s ease-in-out;
}
#trier .cadre-site-2, #trier .cadre-site-2-bis, .simpletable .cadre-site-2, .simpletable .cadre-site-2-bis {
	border: solid 1px #e2e2e2;
	transition: background 0.2s ease-in-out;
}
#trier tr:hover .cadre-site-2, #trier tr:hover .cadre-site-2-bis, #trier tr:hover .cadre-site-1, #trier tr:hover .cadre-site-1-bis {
	background: url(../images/background-button.png),#29acb2;
	color: white;
	cursor: default;
}
#trier tr:hover .cadre-site-2 a, #trier tr:hover .cadre-site-2-bis a, #trier tr:hover .cadre-site-1 a, #trier tr:hover .cadre-site-1-bis a {
	color: white;
}
#trier td a.link {
    text-decoration: underline;
}
#trier td a.link:hover {
    color: dodgerblue !important;
}
#trier .sousCritere td:first-child {
	position: relative;
}
#trier .sousCritere td:first-child::before {
    color: dodgerblue !important;
	position: absolute;
	left: 4px;
	content: "↳";
    font-size: 24px;
}
#trier .note-editor {
	text-align: left;
}
.fulllink tr td > div > div {
    min-height: 18px;
}
.fulllink .line {
	padding:0 !important;
}
.fulllink .line > div {
	padding: 5px 0 5px 0;
    min-height: 18px;
}
.pointDinterogation {
	cursor: help;
}
img.statuts {
	width: 20px;
	height: 20px;
	margin-bottom: -5px;
    margin-left: 1px;
    margin-right: 1px;
}

.compterendutable {
    width: 90%;
    margin-top: 16px;
    background: #ebf4e6;
    margin-left: auto;
    margin-right: auto;
}
.compterendutable .title th {
	padding: 5px 3px 5px 3px;
	text-align: center;
}
.compterendutable td {
	padding: 5px 3px 5px 3px;
}

.blocActions {
	text-align: right;
}
.blocActions input[type="submit"] {
	background: url(../images/background-button.png),#525252;
	color: white;
	font-size: 18px;
	font-family: 'sciflysans';
	font-weight: normal;
	padding: 4px 13px 4px 13px;
	border-radius: 2px;
	border: none;
	transition: all 0.1s ease-in-out;
}
.blocActions input[type="submit"]:hover {
	background: url(../images/background-button.png),#469710;
}
.TVAtable {
    margin-top: -60px;
}
.TVAtable th {
	text-align: center;
}
.TVAtable td, .TVAtable th {
	padding: 2px 5px !important;
}
#excelDList {
    text-align: center;
}
#pdfDList {
    text-align: center;
}
.excelDL {
	background: url(../images/excelDL.png) left center no-repeat, #1e7145;
	background-size: 25px;
	background-position:  6px center;
    color: white !important;
    display: inline-block;
    height: 30px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    border-radius: 3px;
    line-height: 30px;
    padding: 0px 6px 0px 47px;
    margin-bottom: 10px;
    border: none;
}
.excelDLabsolut {
    position: absolute;
    margin-top: -35px;
}
.pdfDL {
	background: url(../images/pdf-icon.svg) left center no-repeat, #bb422f;
	background-size: 25px;
	background-position:  6px center;
    color: white !important;
    display: inline-block;
    /*height: 30px;*/
    /*margin-left: 0.5%;
    margin-right: 0.5%;*/
    border-radius: 3px;
    line-height: 30px;
    padding: 0px 9px 0px 41px;
    
    /*margin-bottom: 10px;*/
    margin-top: 5px;
    margin-bottom: 5px;
}
.viewPourcent {
	text-shadow: 0px 0px 1px black,0px 0px 1px black,0px 0px 1px black,0px 0px 1px black,0px 0px 1px black;
    font-size: 22px;
    height: 0px;
    display: block;
    margin-top: -3px;
}

.ConvocPDF .pdfDL {
    margin-bottom: 5px;
    margin-top: 5px;
}
.ConvocPDF .pdfDLConv {
    background: #bb422f;
    display: block;
    width: 2rem;
    border-radius: 6px;
}
.ConvocPDF .pdfDLConv img {
    height: 1.4rem;
    margin: 0.2rem 0.1rem 0rem 0.1rem;
}
img.inBt {
    height: 1.4rem;
    margin-top: 0.2rem;
    margin-bottom: -.4rem;
}

.detailsMatch {
    position: relative;
	background: url(../images/icon-details.svg) center center no-repeat;
	background-size: 42px;
	background-position:  center center;
	opacity: 0.5;
    margin-left: auto;
    margin-right: auto;
}
.detailsMatch:hover {
	opacity: 1;
}
.detailsMatch.nr {
    background-position: left center;
    width: 21px;
}
.detailsMatch.ni {
    background-position: right center;
    width: 21px;
}
.detailsMatch.nn {
    display: none;
}
.detailsMatch > div {
    z-index: 1;
	display: none;
    position: absolute;
    background: #4f4f4f;
    width: 500px;
    color: #efefef;
    left: 100%;
    top: -5px;
    padding: 5px;
    border-radius: 0px 5px 5px 5px;
}
.detailsMatch:hover > div {
	display: block;
}
.detailsMatch > div:hover {
	display: none;
}
.detailsMatch table {
	width: 100%;
}
.detailsMatch td, .detailsMatch th {
    border: solid 1px white;
	padding: 5px 0px;
}
.detailsMatch th {
    border-bottom: 0px;
}
.detailsMatch th.tdNR {
	background: #e39404;
}
.detailsMatch th.tdNI {
	background: #d34434;
}
.detailsMatch td.tdNR {
	background: #ffb52e;
}
.detailsMatch td.tdNI {
	background: #f75c4a;
}
.detailsMatch td em {
	color: #711b1b;
    display: inline-block;
}
.detailsMatch td hr {
    border: none;
    height: 1px;
    background: white;
    margin-bottom: 5px;
    margin-top: 5px;
}
.detailsMatch hr:last-child, .detailsMatch td hr:first-child {
	display: none;
}
hr + hr {
	display: none;
}
.thPourcent {
    width: 140px;
}
.annulmatch {
    box-shadow: rgb(207, 207, 207) 0px 1px 0px 0px inset;
    background: linear-gradient(rgb(209, 209, 209) 5%, rgb(189, 189, 189) 100%) rgb(209, 209, 209);
    border-radius: 3px;
    border: 1px solid rgb(145, 145, 145);
    display: inline;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 14px;
    padding: 0px 14px;
    text-decoration: none;
    text-shadow: rgb(135, 135, 135) 0px 1px 0px;
}
.annulmatch:hover {
    background: linear-gradient(rgb(189, 189, 189) 5%, rgb(209, 209, 209) 100%) rgb(189, 189, 189);
}
.statut0 {
	color: #60bf60;
}
.statut1 {
	color: #e06969;
}
.statut2 {
	color: #f1ce80;
}

.waiting {
    display: inline-block;
    float: left;
    cursor: pointer;
}
.waitingImg {
    width: 20px;
    margin-bottom: -5px;
    animation-name: waitingImg;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes waitingImg {
    0% {
        transform: rotate(0deg);
    }
    70% {
        transform: rotate(180deg);
    }
    70.0001% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.depassment {
    margin-left: auto;
    margin-right: auto;
}
.depassment th {
    background: gray;
    color: white;
    font-weight: normal;
    padding: 0 0.5rem;
}
.depassment td, .depassment th {
    border:solid 1px gray;
}

#main.bilan {
    overflow-x: auto;
}
.bilantable {
    
}
.bilantable td,
.bilantable th {
    padding: 5px 17px;
    color: #3d4e5f;
    background: #fbfbfb;
}
.bilantable td {
    text-align: right;
}
.bilantable th {
    background: #3d4e5f;
    color: white;
    font-weight: normal;
}
.bilantable thead th,
.bilantable tfoot th {
    background: #343a40;
    font-weight: bold;
}
.bilantable thead th {
    text-align: center;
    min-width: 4rem;
}
.bilantable th.bytypcate {
    font-weight: bold;
    text-decoration: underline;
}
.bilantable thead th.firstcell {
    width: 100%;
}
.greenNumber {
    color: #89ce89;
}
.blueNumber {
    color: #84bcf5;
}
.redNumber {
    color: #d46e6e;
}
/* Tableaux - Fin ##########################################################*/


/* INFO BULLE - Début  ##################################################### */
.bluehelp .infobulle:not(.noblue)::first-letter {    
	color: #03a9f4;
}
.infobulle { 
}
.infobulle:hover, .infobulle:focus {
	cursor: help;
}
.infobulle span {
	z-index:100000000;
	text-shadow:none;
	width:131px;
	font-size:15px !important;
    font-weight: normal;
	position:absolute; 
	margin-top:20px;
	margin-left:0px;
	color:#fff/*#09c*/ !important;
	background:rgba(0,0,0,.7);
	padding:10px;
	border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) /*rotate(-12deg)*/;
	transition:all .25s;
	visibility:hidden;
	text-align: center
}

form .infobulle span {
	width:250px;
	margin-top:-20px;
	font-size:15px;
	font-variant: normal;
    font-weight: normal;
    
    position: fixed;
    bottom: 15px;
    right: 15px;
}
.produitAuto .infobulle span, .stagiLine .infobulle span {
    position: absolute;
    bottom: auto;
    right: auto;
}

.infobulle:hover span, .infobulle:focus span{
	-webkit-transform : scale(x) rotate(x);
	transform:scale(1) /*rotate(0)*/; 
	visibility:visible
}

.infobulle span a {
	color:#009AD2;
	cursor:pointer;
	text-decoration:underline
}
.infobulle span a:visited {
	color:#009AD2;
	cursor:pointer;
	text-decoration:underline
}
.infobulle span a:hover {
	color: green
}
.infobulle span a:active {
	color: green
}

.infobulleEntitled:hover span {
	width:auto;
	max-width:250px
}
/* Infobulle statistoques*/

.month:hover .infobulleStats {
	-webkit-transform : scale(x) rotate(x);
	transform:scale(1) /*rotate(0)*/; 
	visibility:visible
}
.month .infobulleStats {
	z-index:100000000;
	text-shadow:none;
	width:131px;
	position:absolute; 
	margin-top:20px;
	margin-left:0px;
	color:#fff/*#09c*/;
	/*background:rgba(0,0,0,.7);*/
	background:#4c4c4c;
	padding:10px;
	border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) /*rotate(-12deg)*/;
	transition:all .25s;
	visibility:hidden;
	text-align: center
}
.month .infobulleStats span {
    display: inherit;
    margin-bottom: -30px;
    bottom: -4px;
    left: -4px;
	z-index:100000000;
	width:30px;
	height:30px;
	position:relative; 
	background: url(../images/pointe-bulle.png);
	background-size: contain;
}

/* INFO BULLE - Fin  #################################################### */


/* FENÊTRE ARCHIVE & CONTACTS - Début ################################### */
.windowsArchive, .windows2Archive, .windowsContact {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 99999;
}
.windowsArchive.windowsDelete, .windows2Archive.windowsDelete {
	display: block;
}
.windowsArchive > div, .windows2Archive > div, .windowsContact > div {
	border: solid 2px #4a4a4a;
	width: 300px;
    height: 250px;
    background: #EFEFEF;
    margin: auto;
    top: 31%;
    display: block;
    position: relative;
}
.windowsContact > div {
	width: 50%;
	height: 450px;
    top: 10%;
}
.windowsContact > div > iframe {
	width: 100%;
	height: 422px;
}
.windowsArchive .titre, .windows2Archive .titre, .windowsContact .titre, .fieldZone .titre {
	font-size: 18px;
    background: url(../images/background-button.png),#525252;
    color: white;
    text-align: center;
    padding: 3px;
}
.fieldZone .titre .delete {
    position: absolute;
    top: 0;
    left: 0;
}
.windowsContact .titre div {
	font-size: 18px;
    background: url(../images/background-button.png),#29acb2;
    color: white;
    text-align: center;
    padding: 3px;
	border-radius: 2px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 20px;
	cursor: pointer;
}
.windowsContact .titre div:hover {
    background: url(../images/background-button.png),#df0707;
}
.windowsArchive .content, .windows2Archive .content {
    text-align: center;
    padding: 31px 0px;
}
.buttonswindowsArchive {
	position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 20px;
    margin-bottom: 21px;
}
.buttonswindowsArchive input {
	margin: 0;
    font-family: 'sciflysans';
	position: relative;
	float: none;
	cursor: pointer;
}
.windowsArchive .listFileName, .windows2Archive .listFileName {
	font-size: 12px;
    line-height: 13px !important;
    display: block;
    text-align: left;
    margin-left: 10px;
}
#iframeTraitement {
	/*display: none;*/
}
.windowsArchive label, .windows2Archive label {
    width: auto;
}
.windowsArchive .buttons, .windows2Archive .buttons {
    /*top: -6px;*/
    margin-right: 5px;
    position: relative;
    float: right;
}
.windowsArchive input.buttons, .windows2Archive input.buttons {
    /*top: -10px;*/
}
#inputWindowsArchiveSupprimer {
    background: url(../images/supprimer.png) no-repeat,url(../images/background-button.png),#469710;
	background-size: contain;
    width: 97px;
	height: 30px;
	font-size: 0px;
}
#msgMailDiv {
    width: 500px;
    height: 400px;
    top: 15%;
}
#msgMailDiv .note-style, #msgMailDiv .note-table, #msgMailDiv .note-fontname, #msgMailDiv .note-view {
    display: none;
}
.windowsArchive .content2 > p {
    text-align: center;
}
#msgMailDiv #contentWindowsArchive {
    padding: 15px 0px;
}
.windowsArchive#windowsFinish > div {
    width: 50%;
    height: auto;
    top: 20%;
}
/* FENÊTRE ARCHIVE & CONTACTS - Fin  #################################### */


/* PAGE CONTACTS - Début ################################### */
.docTable .delete, .facturationTable .delete {
    width: 27px;
    height: 27px;
	border: 0;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    font-size: 0px;
    background: url(../images/icon-produit-delete.svg),#dcdcdc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 57%;
}
.docTable .delete:hover  {
	background: url(../images/icon-produit-delete.svg),#e44747;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70%;
}
.docTable table {
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.docTable table th {
	text-align: center;
}
.docTable table td {
	text-align: center;
}
.docTable table tr:hover a {
	color: white !important;
}
.docTableNoDel table td {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* PAGE CONTACTS - Fin  #################################### */

/* FICHE CONTACTS - Début ################################### */
#ficheContactPage {
	padding: 15px;
    font-family: 'sciflysans';
}
#ficheContactPage > div {
	width: 44%;
    float: left;
    padding: 3%;
}
#ficheContactPage > p {
	width: 94%;
	float: left;
	margin: 5px 0px;
	padding-left: 3%;
	padding-right: 3%;
}
#ficheContactPage span {
	width: 100%;
	display: inline-block;
}
#ficheContactPage span > span {
	font-weight: bold;
    color: grey;
    display: inline-block;
	width: 100px;
	font-size: 12px;
}
#ficheContactPage span a {
	margin-left: -5px !important;
	display: inline-block;
	transition: all 0.2s ease-in-out;
}
#ficheContactPage span a:hover {
	color: #29acb2;
}
.table-bordered {
	border-collapse: collapse;
}
.table-bordered td {
	border: 1px solid #ddd;
}
.affichEditor img {
	max-width: 100%;
}
/* FICHE CONTACTS - Fin  #################################### */


/* FICHE CONTACTS PARTAGER - Début ########################## */
.contactPartager {
	
}
.contactPartager .vide {
	color: grey;
}
.contactPartager span {
    font-size: 18px;
}
.contactPartager span > span {
    font-size: 15px !important;
	width: 110px !important;
}
/* FICHE CONTACTS PARTAGER- Fin  ############################ */


/* Page CHAMPS PERSONNALISEES - Début ####################### */

.colFields {
    float: left;
    width: 30%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.colFields50 {
    float: left;
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.fieldZone {
	/*width: 30%;
	float: left;*/
	margin-bottom: 30px;
	border: solid 1px gray;
	position: relative;
}
.fieldZone input[type="text"] {
    width: 83%;
    text-align: center;
	padding-left: 8%;
	padding-right: 2%;
    border-left: 0;
    border-right: 0;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #d0d0d0;
}
.fieldZone .delete, .tableProduit .delete, .docListe .delete, .fullmontant .delete, .nofullmontant .delete {
    width: 27px;
    position: absolute;
    height: 27px;
	border: 0;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    font-size: 0px;
    background: url(../images/icon-produit-delete.svg),#dcdcdc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 57%;
}
table#ateliersPatients {
    margin-left: auto;
    margin-right: auto;
}
table#ateliersPatients tr:nth-child(even) {
    background: #f9f9f9;
}
table#ateliersPatients .delPatAtel input {
    position: static;
}
.fieldZone .delete:hover, .tableProduit .delete:hover, .docListe .delete:hover, .nofullmontant .delete:hover  {
	background: url(../images/icon-produit-delete.svg),#e44747;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70%;
}
.fieldZone .nodelete, .tableProduit .nodelete {
    width: 27px;
    position: absolute;
    height: 27px;
	border: 0;
    transition: all 0.1s ease-in-out;
    font-size: 12px;
    background: #7ea9cb;
	color: white;
	cursor: not-allowed;
}
.fieldZone .nodelete:hover, .tableProduit .nodelete:hover {
	background: #e44747;
}
.tableProduit .nodelete {
    position: relative;
}

.ordreField {
    position: absolute;
    right: -1px;
    width: 20px !important;
    margin-top: 0px;
    padding-left: 5px !important;
    border-left: solid 1px grey !important;
    border-right: solid 1px grey !important;
}
/* Page CHAMPS PERSONNALISEES - Fin ######################### */


/* Page PRICES - Début #################################### */
.fieldZone.priceline input[type="text"] {
    width: 83%;
	box-sizing: border-box;
}
.ordreField.price,
.ordreField.pricedate {
    width: 18% !important;
	box-sizing: border-box;
}
.ordreField.pricedate {
    width: 23% !important;
    margin-right: 18%;
	padding: 3px;
    border-top: solid 1px #b3b3b3;
    border-bottom: solid 1px #d0d0d0;
}
.fieldZone.priceline input[type="text"].withdate {
    width: 60%;
}
/* Page PRICES - Fin ######################### */


/* Page A PROPOS - Début #################################### */
.apropos {
	text-align: center;
}
/* Page A PROPOS - Fin ###################################### */


/* Page EMAILING - Début #################################### */
#emailing input[type="text"] {
	width: auto;
	text-align: left;
	padding-left: 5px;
	border-left: solid 1px #b3b3b3;
	border-right: solid 1px #d0d0d0;
	border-top: solid 1px #b3b3b3;
	border-bottom: solid 1px #d0d0d0;
}
#emailing .divFieldZone {
	padding: 15px 0 15px 0;
}
#emailing .divFieldZone select {
	width: 38%;
}
/* Page EMAILING - Fin ###################################### */


/* Page SETTINGS - Début #################################### */
.logoSettings {
	max-width: 50%;
    margin-left: auto;
    display: block;
    margin-right: auto;
}
#monLogoFile,
#monManuelFile,
#monManuelAdminFile {
	margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}
.settingsTitle {
    width: 100%;
    float: left;
    background: url(../images/background-button.png),#525252;
    transition: all 0.1s ease-in-out;
    color: white;
    margin-bottom: 20px;
    padding: 4px 0px;
    text-align: center;
    font-size: 17px;
    box-shadow: 0px 2px 0px #29acb2;
    border-radius: 3px 3px 0px 0px;
}
.configs .factAchatRegle {
	width:95%;
}
/* Page SETTINGS - Fin ###################################### */


/* Menu Clic droit - Début ################################## */
#menu_contextuel_div div div {
	height: 19px;
	line-height: 18px;
	margin-top: 2px;
	color: #5a7992
}
#menu_contextuel_div div div:hover {
	background-color: #EFEFEF !important;
}
#menu_contextuel_div div div:first-child {
	margin-top: 5px;
}
#menu_contextuel_div div div:last-child {
	margin-bottom: 2px;
}
#menu_contextuel_div div div img {
	margin-left: 4px;
	margin-top: 1px;
}
#menu_contextuel_div > div:first-child {
	border: 1px solid #353535 !important;
    font-family: 'sciflysans' !important;
	font-size: 13px !important;
}
#menu_contextuel_div hr {
	color:  #353535 !important;
	margin-top: 8px !important;
    margin-left: 0px;
    margin-bottom: 9px;
	height: 0 !important;
}
#menu_contextuel_shadow_div {
	background-color: #525252 !important;
	border: 1px solid #353535 !important;
}
/* Menu Clic droit - Fin ##############################################*/

/* CLASS Générales - Début ############################################*/
#sb-site .m-0 {
    margin: 0;
}
#sb-site .d-ib {
   display: inline-block;
}
/* CLASS Générales - Fin ##############################################*/

#menuLeftMasc {
	display: none;
}
#bt-open-slidebar {
	display: none;
}

@media (max-width: 1025px) {
	label {
		width: 40%;
	}
}

@media (max-width: 1350px) {

	.homepageColonne {
		width: 50%;
		float: left
	}
		
	a.manuelSection {
		width: 47%;
	}
}
@media (max-width: 915px) {
	body #main {
        margin-left: 0;
    }
	h1 {
		width: auto !important;
        margin-left: 0;
	}
	.homepageColonne {
		width: 100%;
		float: left
	}
    .helparea {
        display: none;
    }
	#menuBigScreen {
		display: none;
	}
	#menuLeftMasc {
		/*display: block;*/
	}
	.noneMobile {
		display: none;
	}
	#blocFilter {
		width: 100%;
		margin: 78px 0 0 0;
		float: none;
		text-align: center;
	}
	#blocFilter label {
	}
	#bt-open-slidebar {
		display: inline-block;
		background: url(../images/background-button.png),#525252;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		position: fixed;
		top: 0;
		z-index: 999;
		border-radius: 0px 0px 5px 0px;
	}
	#main {
		margin: 0px;
		min-height: 600px !important;
	}
	.pourcent33 {
		width: 100%
	}
	.pourcent50 {
		width: 100%;
	}
	.colFields {
		width: 100%;
		margin: 0px;
	}
	.next {
		margin: 30px;
	}
	#trier .title SPAN {
		display: none;
	}
    .bttopleft {
        z-index: 1;
        width: 200px;
        min-height: 4rem;
        top: 2rem;
        right: -200px;
        padding-left: 4rem;
        left: auto;
        position: fixed;
        background: url("../images/icon-save.png") top left / 4rem no-repeat;
        transition: all 0.3s ease-in-out 0s;
    }
    .bttopleft:hover {
        right: 0px;
    }
    .bttopleft a,
    .bttopleft input {
        margin: 0 !important;
        display: none;
    }
    .bttopleft:hover a,
    .bttopleft:hover input {
        display: inline-block;
    }
    .bttopright {
        float: none;
    }
    .alertVerrou {
        padding: 1rem 5rem;
    }
    .alertVerrou a {
        display: block;
        position: static;
        margin-top: 1rem;
    }
    .buttons.ajouter {
        display: block;
        position: static;
        width: max-content;
        margin-left: 0;
    }
    .comConsult {
        clear: both;
    }
    .buttons#impression {
        display: none;
    }
/* MENU - Fin ############################################### */
	#menu #logo img {
		display: none;
	}
	#menu ul {
		padding-left: 5%;
	}
	#menu ul li a {
		color: white;
	}
	#menu ul li a span {
		margin-left: 5%;
		margin-top: 5px;
		position: absolute;
	}
	#menu ul li {
		list-style: none;
	}
	#menu ul li a img {
		width: 25px;
	}
	
	a.help {
    	top: 0px;
		border: none;
	}
	.sb-slidebar {
		background: url(../images/background-button.png),#525252;
	}
/* MENU - Fin ############################################# */
	
	#blocProduits #designation, #blocProduits #quantite, #blocProduits #prixunit, #blocProduits #tauxtva, #blocProduits #totalht {
		display: none;
	}
	a.manuelSection {
		width: 100%;
	}
	.addProductDescription {
	}
	.addProductDescriptionDevis {
	}
	.addProductQuantity {
		width: 8%;
	}
	.addProductHTunit {
		width: 8%;
	}
	.addProductTVA {
		width: 8%;
	}
	.addProductHT {
	}
	.totaux input {
		width: 12%;
	}
	.reduction input {
		width: 12%;
	}
	.reduction label {
		width: inherit;
	}
	.TVAtable {
		margin-top: -30px;
	}
	#blocAjoutProduit select {
		
	}
	.editTransmission table {
		width: 100% !important;
	}
	#graphique {
		width: 100%;
	}
/* Login - Début ########################################################*/
	#browserList {
		display: none;
	}

/* Login - Fin ##########################################################*/

    #versionList {
        position: relative;
        width: 90%;
        right: 0%;
    }
    #versionList td {
        display: block;
    }
    #versionList td a {
        text-align: center;
    }

	#footer {
		margin-left: 0;
	}
}

.forPrint {
    display: none;
}
#impression {
    float: right;
    position: relative;
}
@media print {
    #bt-open-slidebar, .noPrint, .buttons, #impression, a, #footer {
        display: none !important;
    }
    .fichtecDates td {
        padding: 0 !important;
    }
    .forPrint {
        display: block !important;
    }
    
    #main.statistiques {
        margin: 0 !important;
        padding: 0 !important;
    }
    .statistiques > h1, .statistiques > form {
        display: none;
    }
    .tablestats {
        border:solid 1px grey;
    }
    .tablestats .quartile .courbe {
        background: #ffc107!important;
    }
    .tablestats .quartile .courbe > span {
        opacity: 1 !important;
    }
    .tablestats {
        float: left !important;
        width: 50% !important;
    }
    .statext {
        float: left !important;
        width: 44% !important;
        margin-left: 0%;
        margin-right: 5%;
        padding: 0rem !important;
        box-sizing: border-box !important;
    }
    .tablestats + .statext {
        margin-left: 5%;
        margin-right: 0% ;
    }
}