body {
	font-family:Raleway, sans-serif;
  min-height: 100%;
	background-size:cover;
	background-position:top left;
    background-attachment: fixed;
}

html {
  height: 100%;
}

.small.navbar-fixed {
	height:40px;
}


nav.small, nav.small .nav-wrapper i, nav.small a.button-collapse, nav.small a.button-collapse i {
	height:40px;
	line-height:40px;
}

body nav.small {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6393c1+0,cfe7fa+100 */
	background: rgb(99,147,193); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(99,147,193,1) 0%, rgba(207,231,250,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(99,147,193,1) 0%,rgba(207,231,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(99,147,193,1) 0%,rgba(207,231,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6393c1', endColorstr='#cfe7fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.delete-bt {
	color:rgb(240,200,200);
	border:1px solid rgb(240,200,200);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
						not supported by any browser */
}

.delete-bt:hover {
	color:rgb(240,0,0);
	border-color:rgb(240,0,0);
	background-color:rgba(240,100,100,0.1);
    -webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
    transition-timing-function: ease-out;
}


.blue-bt {
	margin:5px;
	color:rgb(108,154,195);
	border:1px solid rgb(108,154,195);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
						not supported by any browser */
}

.blue-bt:hover {
	background-color:rgba(108,154,195,0.1);
    -webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
    transition-timing-function: ease-out;
}


textarea.classicform:disabled {
	color:rgba(0,0,0,0.26);
}

textarea.classicform,input.classicform {
	display:inline-block;
	border:1px solid #e2e2e2 !important;
	box-shadow:none !important;
	width:initial;
	font-size:1.2em !important;
	height:43px;
	line-height:43px;
	padding-left:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

input.classicformintable {
	display:inline-block;
	border:1px solid #ccc !important;
	box-shadow:none !important;
	width:initial;
	font-size:1.2em !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width:100%;
	line-height:1.5em;
	font-size:15px !important;
	padding-left:4px;
	height:1.5em;
	margin:0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none!important;
	outline-color: transparent;
	outline-style: none;
}

input.classicformintable:focus {
	border:1px solid #e2e2e2 !important;

	-moz-box-shadow: 0px 0px 5px 0px #e7c493 !important;
	-webkit-box-shadow: 0px 0px 5px 0px #e7c493 !important;
	-o-box-shadow: 0px 0px 5px 0px #e7c493 !important;
	box-shadow: 0px 0px 5px 0px #e7c493 !important;

	border: 1px solid rgb(231, 196, 147) !important;
	outline-color: transparent;
	outline-style: none;

}

.progress {
	background-color:rgba(102,150,191,0.2);
}

.progress .determinate {
	background-color:rgb(102,150,191);
}

.capitalize {
	text-transform: capitalize;
}



input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
	color:rgb(242,148,1);
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
	border-bottom:1px solid rgb(91,78,70);
	box-shadow:0 1px 0 0 rgb(91,78,70);
}

[type="checkbox"].filled-in:checked+label:after {
	border:2px solid rgb(108,154,195);
	background-color:rgb(108,154,195);
}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: rgb(108,154,195);
  border-color: rgb(108,154,195);
}

.error {
	background-color:rgba(255,0,0,0.1);
	border:1px solid rgba(255,0,0,0.6);
	color:rgba(255,0,0,0.6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
}

.login .error {
	display:none;
	margin-top:30px;
	padding:20px
}


input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom:1px solid rgb(252,148,1);
	box-shadow:0 1px 0 0 rgb(252,148,1);
}

select.glow, input.glow, textarea.glow {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none!important;
box-shadow:none !important;
  border: 1px solid #DDDDDD !important;
	outline-color: transparent;
	outline-style: none;
}
 
select.glow:focus, input.glow:focus, textarea.glow:focus {
-moz-box-shadow: 0px 0px 5px 0px #e7c493 !important;
-webkit-box-shadow: 0px 0px 5px 0px #e7c493 !important;
-o-box-shadow: 0px 0px 5px 0px #e7c493 !important;
box-shadow: 0px 0px 5px 0px #e7c493 !important;

  border: 1px solid rgb(231, 196, 147) !important;
	outline-color: transparent;
	outline-style: none;
}

#navbar a .only-hover {
	display:none;
}

#navbar a:hover .only-hover {
	display:inline;
}

td {
	border-radius:0;
}

#liste_patients {
	width:100% !important;
}

.small07em {
	font-size:0.7em;
}

.small06em {
	font-size:0.6em;
}

.small05em {
	font-size:0.5em;
}

.small04em {
	font-size:0.4em;
}

.small03em {
	font-size:0.3em;
}

div.search {
	position:relative;
}

div.search input {
	font-size:15px!important;
	padding-left:30px;
	height:1.5em;
	line-height:1.5em;
}

.fa-question-circle-o.help {
	color:rgba(0,0,0,0.2);
}

#agenda {
	background-color:rgba(255,255,255,0.95);
}

a.discret {
	opacity:0.3;
}

a.discret:hover {
	opacity:1;
}

.fc-unthemed .fc-list-empty {
	vertical-align:top;
	background-color:transparent;
}

#datepicker {
	width:140px;
	overflow:hidden;
	margin:auto;
	
	background-color:rgba(255,255,255,0.7);

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
						not supported by any browser */
}

#datepicker div {
	font-size:12px;
	text-align:center;
	height:20px;
	width:20px;
	line-height:20px;
	float:left;
	overflow:hidden;
	box-sizing: border-box;
}

#datepicker div.monthName {
	position:relative;
	text-align:left;
	width:140px;
}

#datepicker div.backtoday {
	margin-top:10px;
	width:140px;
	border:1px solid rgba("0,0,0,0.2");
	background-color:rgba(255,255,255,0.3);
}

#datepicker div.curdisplay {
	background-color:rgba(0,0,0,0.1) !important;
}

#datepicker div.today {
  border:1px solid rgba(102,150,191, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
	line-height:18px;
	background-color:rgba(255,255,255,0.3);
}

#datepicker div.othermonth {
	color:#aaa;
}


#bt-save-descr {
	color:#cccccc;
}

#bt-save-descr.active {
	color:#000;
}

/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden; }

.picker__date-display {
  text-align: center;
  background-color: rgba(102,150,191,0.8);
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300; }

.picker__nav--prev:hover, .picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #a1ded8; }

.picker__weekday-display  {
  background-color: rgb(102,150,191);
  padding: 10px;
  font-weight: 200;
  letter-spacing: .5;
  font-size: 1rem;
  margin-bottom: 15px; }

.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem; }

.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400; }

.picker__year-display {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.4); }

.picker__box {
  padding: 0; }

.picker__calendar-container {
  padding: 0 1rem; }
  .picker__calendar-container thead {
    border: none; }

.picker__table {
  margin-top: 0;
  margin-bottom: .5em; }

.picker__day--infocus {
  color: #595959;
  letter-spacing: -.3;
  padding: .75rem 0;
  font-weight: 400;
  border: 1px solid transparent; }

.picker__day.picker__day--today {
  color: rgba(102,150,191,1); }

.picker__day.picker__day--today.picker__day--selected {
  color: #fff; }

.picker__weekday {
  font-size: .9rem; }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
  background-color: #2496f3;
  color: #ffffff; }
  .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus {
    background-color: rgba(102,150,191,0.7); }

.picker__footer {
  text-align: right;
  padding: 5px 10px; }

.picker__close, .picker__today, .picker__clear {
  font-size: 1.1rem;
  padding: 0 1rem;
  color: rgba(102,150,191,1); /*au lieu de 26a69a*/
}
.picker__nav--prev:before, .picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767; }

button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
  background-color: #a1ded8; }

#liste_rv_a_facturer .group td {
	background-color:#ddd;
	color:#666;
	font-weight:bold;
}
  
#liste_rv_a_facturer .group td.title {
	text-align:center !important;
}

/* Surcharge tabs */
.tabs .tab a {
  color: rgb(102,150,191);
}

.tabs .tab a:hover, .tabs .tab a.active {
  color: rgb(102,150,191);
}

.tabs .indicator {
  background-color: rgb(102,150,191);
}

.fali .fa-trash-o,.devli .fa-trash-o {
	color:#ccc;
	cursor:pointer;
}

.fali:hover .fa-trash-o,.devli:hover .fa-trash-o {
	color:#000;
}

.fali .chzn-container, .fali .chzn-search, .fali .chzn-drop,.devli .chzn-container, .devli .chzn-search, .devli .chzn-drop {
	width:100%!important;
}

.fali .chzn-search input,.devli .chzn-search input {
	width:97%!important;
}

#liste_factures tr td.fa-discret .fa, #liste_devis tr td.fa-discret .fa, #liste_prescriptions tr td.fa-discret .fa, #liste_devis tr td.fa-discret span {
	color:rgba(0,0,0,0.2);
    -webkit-transition:color 0.3s; /* Safari */
    transition:color 0.3s;
    transition-timing-function: ease;
}

#liste_factures tr:hover td.fa-discret .fa,#liste_devis tr:hover td.fa-discret .fa,#liste_prescriptions tr:hover td.fa-discret .fa, #liste_devis tr:hover td.fa-discret span {
	color:rgba(0,0,0,0.8);
}

.paye {
	color:#4caf50;
}

.impaye {
	color:rgba(0,0,0,0.1);
}

.dropdown-content li>a, .dropdown-content li>span {
	padding:5px 16px;
}

#agenda h2 {
	font-size:2rem;
}

#agenda .fc-toolbar {
	padding:10px;
	margin-bottom:0;
}

#agenda .fc-event.partage {
	cursor:pointer;
}

#agenda .fc-time-grid-event {
	border-color:transparent !important;
}


.caleventpopup_round_bt {
	background-color:transparent;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	cursor:pointer;
}

.caleventpopup_round_bt:hover {
	background-color:rgba(255,255,255,0.1);
}


h2 {
	font-size:2rem
}

h3 {
	font-size:1.7rem
}


/* POPUP FICHE PATIENT */
.bt-delete-file {
	cursor : pointer;
	padding-left : 10px;
}

.bt-delete-file:hover {
	color:#FFAAAA;
}

.file-info {
	color:#757575;
}

.file-info:hover {
	color:black;
}


.patientsgroups {
	padding-right:10px;
	cursor:pointer;
	color:#333;
}

.patientsgroups.off {
	padding-right:10px;
	cursor:pointer;
	color:#ddd;
}


.patientsgroups:hover {
	color:#333;
}

.patientsgroupsdelegue {
	padding-right:10px;
	cursor:pointer;
	color:#333;
}

.patientsgroupsdelegue.off {
	padding-right:10px;
	cursor:pointer;
	color:#ddd;
}


.patientsgroupsdelegue:hover {
	color:#333;
}

#dropdown-filter-delegate-to li {
	height:2em;
	min-height:2.5em;
	color:black;
}

#dropdown-filter-delegate-to.dropdown-content li > a, #dropdown-filter-delegate-to.dropdown-content li > span {
	font-size:10.5px;
	color:black;
}

#dropdown-filter-delegate-to.dropdown-content .patientsgroupsdelegue {
	padding-right:10px;
	cursor:pointer;
	color:#333;
}

#dropdown-filter-delegate-to.dropdown-content .patientsgroupsdelegue.off {
	padding-right:10px;
	cursor:pointer;
	color:#ddd;
}


#dropdown-filter-delegate-to.dropdown-content .patientsgroupsdelegue:hover {
	color:#333;
}

.dropdown-button.dropdow-button-delegate-filter {
	padding-right:10px;
	cursor:pointer;
	color:#333;
}

.dropdown-button.dropdow-button-delegate-filter.off {
	padding-right:10px;
	cursor:pointer;
	color:#ddd;
}


.dropdown-button.dropdow-button-delegate-filter:hover {
	color:#333;
}

@media only screen and (min-width: 601px) {
	#modal[cust_class=popup-fiche-patient] {
		width:600px !important;
	}
	#modal[cust_class=popup-fiche-patient] .toc {
		float:left;
		width:180px;
		position:fixed;
	}
	#modal[cust_class=popup-fiche-patient] .content {
		margin-left:200px;
		float:left;
		width:350px;
	}
	#modal[cust_class=popup-fiche-patient] .avatar {
		width:150px;
	}
	
	#modal[cust_class=popup-fiche-patient] .zonenom .fa-pencil-square-o {
		color:rgba(0,0,0,0.2);
	}

	#modal[cust_class=popup-fiche-patient] .zonenom:hover .fa-pencil-square-o {
		color:black;
	}

}

@media only screen and (max-width: 600px) {
	#modal[cust_class=popup-fiche-patient] {
		width:95% !important;
	}
	#modal[cust_class=popup-fiche-patient] .toc {
		width:100%;
		position:fixed;
	}
	#modal[cust_class=popup-fiche-patient] .content {
		width:100%;
	}
}

.total_line td {
	padding-bottom:25px !important;
}

/* /POPUP FICHE PATIENT */

.changelogheader {
	margin-top:20px;
	background: rgba(237,237,237,1);
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}

.footer {
	z-index:199;
	position:fixed;
	bottom:0;
	width:100%;
	font-size:10px;
	padding-right:20px;
}

.footer ul {
	margin:2px 0;
}

.footer li:not(.first) {
	border-left:1px solid #bdbdbd;
}

.footer li {
	float:left;
	margin-left:10px;
	padding-left:10px;
}

.politique_cookies {
	z-index:200;
	position:fixed;
	bottom:0;
	width:100%;
	padding:15px 30px 15px 15px;
	font-size:13px;
	line-height:15px;
	background-color:rgba(255,255,255,0.95);
	text-align:center;
}

.politique_cookies a {
	color:rgba(0, 0, 0, 0.870588);
	text-decoration:underline;
}

.politique_cookies .fa-times-circle {
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	color:rgba(0,0,0,0.15);
}

.politique_cookies:hover .fa-times-circle {
	color:rgba(0,0,0,0.85);
}

#qui-sommes-nous p, #fonctionnalites p {
	/*text-indent:100px;*/
	text-align:justify
}

.justify-align {
	text-align:justify;
}

#qui-sommes-nous .legende {
	margin-top:-20px;
	color:#aaa;
	font-size:12px;
	text-align:center;
}

.tagline {
	font-weight:bold;
	color:rgba(0,0,0,0.7);
}

.citation {
	font-style:italic;
	padding:20px;
}

.input-error {
	background-color:rgba(255,0,0, 0.1)!important;
	transition: background-color .3s;
}

#bigfooter {
	position:relative;
	padding:0 20px;
	width:100%;
	min-height:260px;
	background-color:white;
	border-top:1px solid #e5e5e5;
	padding-top:40px;
	color:#999;
	margin-bottom:-2px;
	z-index:20;
}

#bigfooter a {
	color:#999;
}

#bigfooter a:hover {
	transition: color .3s;
	color:#666;
}


#bigfooter h6 {
	color:#666;
	font-size:16px;
	margin-bottom:20px;
}

#bigfooter li {
	height:35px;
	line-height:35px;
}/*body {
	margin-top:62px;
}*/

.showcase {
	font-family: 'Cabin', sans-serif;
	background-color:#e4e4e4;
	position:relative;
	left:0;
	font-size:10px;
	z-index:10;
/*	height:56.2em;*/
	width:100%;
	min-height:42em;
	overflow:hidden;
	padding-top:62px;
/*	cursor:none;*/
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #feffff 0%, #f4f4f4 35%, #e4e4e4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #feffff 0%,#f4f4f4 35%,#e4e4e4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #feffff 0%,#f4f4f4 35%,#e4e4e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #aaa;
	margin-bottom:20px;
}

.showcase2 {
	border-radius:40px;
	font-family: 'Cabin', sans-serif;
	background-color:#e4e4e4;
	position:relative;
	left:0;
	font-size:10px;
	z-index:10;
/*	height:56.2em;*/
	width:100%;
	min-height:42em;
	overflow:hidden;
	padding-top:62px;
/*	cursor:none;*/


border-radius: 16px;
background:none;
box-shadow: 
	0 4px 50px rgba(0, 0, 0, 0);
/*backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);*/
transform: scale(0.95); /* Equal to scaleX(0.7) scaleY(0.7) */

	margin-bottom:10px;
	margin-top:20px;
	transition: 
		background-color 0.5s ease,
		margin-left 0.2s ease,
		margin-top 0.2s ease,
		margin-bottom 0.2s ease,
		box-shadow .8s ease,
		transform .4s ease
}

#aqua-bg {
	opacity:0;
	z-index:10;
	width:1px;
	height:1px;
	background-image: url(/img/background/aquarelle-bg-transparent.png);
	background-position:bottom left;
	background-size:cover;
	position:fixed;
	top:0;
	left:0;
	transition:
		opacity 20s ease;
}

.showcase2:hover {
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
	background: rgba(255, 255, 255, 0.9);
	transform: scale(1); /* Equal to scaleX(0.7) scaleY(0.7) */

}

.showcase2 .blurer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.9);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	z-index:9;
	animation:brath 30s  ease infinite;
}

.showcase2 .sc2_content {
	position:relative;
	height:100%;
	width:100%;
	z-index:10;
}

.showcase2 b {
	transition:color 1.3s ease;
}
.showcase2:hover b{
	color:black;
}

body.aquarelleBG {
	background-image: url(/img/background/aquarelle-bg.jpg);
	background-size:cover;
	background-position:bottom left;
}

body.abstract {
	background-image: url(/img/background/abstract-patern.png);
}

body.bluegrad {
	background-image: url(/img/background/gradient-blue.jpg);
	background-size:cover;
}

.dropdown-content a {
	height:50px;
	line-height:50px!important;
	padding-top:0!important;
	padding-bottom:0!important;
}

#showcasenav .logolink {
	font-size:32px;
	margin:7px 0 0 1em;
	display:inline-block;
	text-indent: -9999px;
	background:url("/img/logo/logo-rdvlive-2021.png");
	background-size:contain;
	background-repeat:no-repeat;
	padding-left:60px;
	width:210px;
}

#showcasenav .fa-bars {
	height:64px;
	line-height:64px;
	display:block;
	font-size:20px;
}

#showcasenav {
	position:fixed;
	height:64px;
	background-color:white;
	z-index:20;
	width:100%;
	top:0
}

#showcasenav nav {
    box-shadow: none;
	height:64px;
	padding-right:20px;
	border-bottom:1px solid rgba(0,0,0,0.14);
}

#showcasenav ul .separator {
	color: rgba(0,0,0,0.2);
    font-size: 20px;
}

#showcasenav ul li a {
	transition: color .3s;
	color:#666;
}

#showcasenav ul a:hover {
	background-color:transparent;
}

#showcasenav ul li:hover > a {
	color:rgb(77,128,178);
}

#showcase1, #showcase2, #showcase3, #showcase4 {
	min-height:420px;
}

.element {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.showcase.animation {
	-webkit-transition: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#plage {
	z-index:15;
	width:100%;
	height:180px;
	position:absolute;bottom:0;
	left:0;
	background:url("../img/showcase/plage.jpg");
	background-position:bottom -30px left 0;
	background-repeat:repeat-x;
}

#cielbleu {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fb2e9+0,f4f4f4+65,feffff+100 */
background: #3fb2e9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #3fb2e9 0%, #f4f4f4 65%, #feffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #3fb2e9 0%,#f4f4f4 65%,#feffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #3fb2e9 0%,#f4f4f4 65%,#feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fb2e9', endColorstr='#feffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#table {
	z-index:15;
	width:100%;
	height:10.833333333em;
	position:absolute;bottom:0;
	left:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,f4f4f4+35,f1f1f1+100 */
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #feffff 0%, #f4f4f4 35%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #feffff 0%,#f4f4f4 35%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #feffff 0%,#f4f4f4 35%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#table .tranche {
	z-index:16;
	width:100%;
	height:1.2em;
	background-color:#d3d0cb;
	position:absolute;
	bottom:0;
	left:0;
}

.element {
	background-repeat:no-repeat !important;
}

#macbook {
	z-index:20;
	width:25.04em;
	height:14.4em;
	position:absolute;
	bottom:5em;
	left:26.4em;
	background:url("../img/showcase/macbook.png");
	background-size:contain;
}

#macbook .contenu-ecran {
	position:absolute;
	top:1em;
	left:3.09em;
	width:18.82em;
	height:11.8em;
	border-bottom:0.07em solid white;
	border-right:0.07em solid white;

	background:url("../img/showcase/animation-ecran.gif");
	background-size:cover;
}

#macbook .shadow {
	width:25.04em;
	height:0em;
	position:absolute;
	bottom:0.1em;
	left:0;	
	-moz-box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	-webkit-box-shadow: 0.2em 0.2px 0.5em 0.06em #777777;
	-o-box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=180, Strength=25);
}

#lampe {
	z-index:30;
	width:11.44em;
	height:17.02em;
	background:url("../img/showcase/lampe.png");
	background-size:contain;
	position:absolute;
	bottom: 4.6em;
	left:19.2em;
}

#cadre {
	z-index:19;
	width:9em;
	height:13em;
	background:url("../img/showcase/cadre.png");
	background-size:contain;
	position:absolute;
	bottom:4em;
	left:95em;
}

#ficus {
	z-index:10;
	width:30em;
	height:43em;
	background:url("../img/showcase/ficus.png");
	background-size:contain;
	position:absolute;
	top:0;
	left:98em;
}

#porte {
	z-index:10;
	width:30em;
	height:43em;
	background:url("../img/showcase/porte.png");
	background-size:contain;
	position:absolute;
	top:2em;
	left:103em;
}



#vase {
	z-index:19;
	width:15em;
	height:17em;
	background:url("../img/showcase/vase.png");
	background-size:contain;
	position:absolute;
	bottom:6em;
	left:45em;
}

#vase .shadow {
	width:2em;
	height:0;
	position:absolute;
	bottom:0.53em;
	left:8.2em;	
	-moz-box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	-webkit-box-shadow: 0.2em 0.2px 0.5em 0.06em #777777;
	-o-box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=180, Strength=25);
}

#lampe .shadow {
	width:5.1em;
	height:0;
	position:absolute;
	bottom:0.28em;
	left:0;	
	-moz-box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	-webkit-box-shadow: 0.2em 0.2px 0.5em 0.06em #777777;
	-o-box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	box-shadow: 0px 0.2em 0.5em 0.06em #777777;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=180, Strength=25);
}

#pot-crayon {
	z-index:30;
	width:6em;
	height:8em;
	background:url("../img/showcase/pot-a-crayon.png");
	background-size:contain;
	position:absolute;
	bottom: 2.6em;
	left:5.2em;
}

.personnage {
	width:192px;
	height:384px;
	margin-right:-25px;
	margin-left:-30px;
	background:url("../img/showcase/pose-1.png");
	background-size:contain;
	margin-top: 20px;
	background-repeat:no-repeat;
}

.personnage.evolution {
	background:url("../img/showcase/pose-evolution.png");
	background-size:contain;
	width:292px;
}

.personnage.messagerie {
	background:url("../img/personnages/messagerie-securisee.png");
	background-size:contain;
}


.personnage.tablette {
	background:url("../img/showcase/pose-tablette.png");
	background-size:contain;
}

.personnage.multicabinet {
	margin-right:50px;
	width:300px;
	background:url("../img/showcase/personnage-multi-cabinets.png");
	background-repeat:no-repeat;
	background-size:contain;
}

.personnage.arobase {
	background:url("../img/showcase/pose-arobase.png");
	background-size:contain;
}

.personnage.dossiers {
	background:url("../img/showcase/pose-dossiers.png");
	background-size:contain;
}


.personnage.iphone {
	background:url("../img/showcase/pose-iphone.png");
	background-size:contain;
}

.personnage.backpack {
	shape-outside:polygon(30px 0, 160px 0, 160px 440px,0 440px, 0 270px, -20px 270px, -30px 260px, -30px 240px, -10px 240px, -10px 210px, 0 200px, 20px 200px, 0 160px, 0 100px, 30px 0);
	background:url("../img/personnages/pose-backpack.png");
	background-size:contain;
}

.personnage.book {
	shape-outside:polygon(30px 0, 160px 0, 160px 440px,0 440px, 0 270px, -20px 270px, -30px 260px, -30px 220px, -20px 220px, -10px 210px, 0 200px, 20px 200px, 0 160px, 0 100px, 30px 0);
	background:url("../img/personnages/pose-book.png");
	background-size:contain;
}


.personnage.loi {
	shape-outside:polygon(0 0, 200px 0, 100px 390px, 0 390px, 0 0);
	background:url("../img/personnages/pose-loi.png");
	background-size:contain;
}


#livres {
	z-index:30;
	width:12.2em;
	height:6.6em;
	background:url("../img/showcase/livres.png");
	background-size:contain;
	position:absolute;
	bottom: 4em;
	left:53.2em;
}

#imprimante-autonome {
	background-color:red;
	width:400px;
	height:249px;
	background:url("../img/showcase/imprimante-autonome.png");
}

#nouveaute-splash {
	width:148px;
	height:141px;
	background:url("../img/showcase/nouveau.png");
	background-size:cover;
	float:left;
	shape-outside:circle(90px at 60px 50px) padding-box;
}

#calepin {
	z-index:30;
	width:12.2em;
	height:6.6em;
	background:url("../img/showcase/calepin.png");
	background-size:contain;
	position:absolute;
	bottom: 4em;
	left:66.2em;
}


#iphone-rappel-rv {
	z-index:1;
	width:32.2em;
	height:26.6em;
	background:url("../img/showcase/iphone-rappel-rendez-vous.png");
	background-size:contain;
	position:absolute;
	bottom: 0;
	right:1em;
}

.redactionnel {
	padding:0 3em;
	text-align:justify;
	max-width:1000px;
}

.logozone {
	height:62px;
	margin:0 1em;
	line-height:62px;
	text-align:center;
	position:absolute;
}

h1 {
	color:#4a4a4a;
	font-size:24px;
	height:62px;
	line-height:62px;
	text-align:center;
	margin:0;
	overflow:hidden;
}

.redactionnel h2 {
	color:#4a4a4a;
	font-size:32px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}

.redactionnel h3 {
	color:#4a4a4a;
	font-size:28px;
	margin-bottom:10px;
	margin-top:10px;
}

.redactionnel p {
	font-size:17px;
	line-height:1.63;
	color:#666;
	font-weight:300;
	font-family:Open Sans,sans-serif;
}

#redactionnel2 {
	position:relative;
	z-index:100;
}

#redactionnel4 {
	position:relative;
	z-index:100;
}


@media only screen and (max-width: 501px) {
	.sccontainer {
		width:100%;
	}

	.personnage {
		width:128px;
		height:256px;
	}
	.redactionnel h2 {
		font-size:23px;
	}
	.redactionnel h3 {
		font-size:17px;
	}
	#pot-crayon {
		display:none;
	}

	#lampe {
		left:4.2em;
	}

	#macbook {
		left:11.4em;
	}
}


@media only screen and (min-width: 550px) {
	#qui-sommes-nous .shape {
		shape-outside: polygon(0 0, 220px 0, 260px 30px, 280px 100px, 270px 170px, 280px 230px, 320px 260px, 370px 260px, 370px 300px, 345px 300px, 345px 440px,0 440px);
	}
}

@media only screen and (max-width: 549px) {
	#qui-sommes-nous .shape {
		width:100%;
		shape-outside: polygon(0 0, 550px 0, 550px 440px,0 440px);
	}
}


@media only screen and (min-width: 780px) {
	#tarifs .shape {
		shape-image-threshold: 0.5;
		float: left;
		shape-outside: polygon(160px 0, 215px 75px, 220px 110px, 215px 170px, 180px 245px, 295px 265px, 455px 270px, 455px 520px, 0 520px);
	}
}

#tarifs .bt-souscr {
	font-size:14.5px;margin-top:-3px
}

#tarifs .shape {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:433px;
	height:499px;
	background:url('/img/personnages/pose-tarifs.png');
	background-repeat:no-repeat;
	background-position:top left;
	margin-right:40px;
}

#tarif-shape #price {
	position:absolute;
	top:275px;
	left:140px;
}

#price {
	width:280px;
	height:210px;
	text-align:center;
	overflow:hidden;
	font-size:90px;
	line-height:90px;
	font-weight:700;
}


#price.med {
	position:relative;
	width:180px;
	height:140px;
	text-align:center;
	overflow:hidden;
	font-size:70px;
	line-height:70px;
	font-weight:700;
}


#price .euro {
	display:inline-block;
	font-size:12px;
	text-align:left;
	line-height:12px;
}

#price .shadow {
	text-shadow: 1px 1px 0 rgba(255,255,255,0.8), 
               2px 2px 0 rgba(0,0,0,1)
}

#price .noshadow {
	text-shadow:initial;
}

#price .subprice {
	line-height:30px;
	font-size:15px;
	font-weight:100;
}

.bold {
	font-weight:700;
}

#tarifs .asterisque {
	font-size:12px;
	position:absolute;
	bottom:0;
	right:0;
	line-height:12px;
}

#bigfooter .fa-twitter-square {
	font-size:20px;
	color:#999;
    -webkit-transition: 0.6s; /* Safari */
    transition: 0.6s;
    transition-timing-function: ease-out;
}

#bigfooter:hover .fa-twitter-square {
	font-size:20px;
	color:#00aced;
}

#bigfooter .fa-facebook-square {
	font-size:20px;
	color:#999;
    -webkit-transition: 0.6s; /* Safari */
    transition: 0.6s;
    transition-timing-function: ease-out;
}

#bigfooter:hover .fa-facebook-square {
	color:#3b5998;
}

.barre {
	text-decoration: line-through;
}


.creneau.indispo {
	background: repeating-linear-gradient(
	  45deg,
	  #e3f2fd,
	  #e3f2fd 5px,
	  #ffffff 5px,
	  #ffffff 10px
	);
	z-index:2;
}

.creneau.dispo {
	background-color:#42a5f5;
	z-index:5;
	cursor:pointer;
}

.creneau.indispo .aucunedispo {
	color:#bbdefb;
	width:100%;
	font-size:1.2em;
	font-weight:bold;
}

#table_dispo .next_week {
	color:#42a5f5;width:40px;height:40px;position:absolute;right:-20px;top:8px
}
#table_dispo .prev_week {
	color:#42a5f5;width:40px;height:40px;position:absolute;left:-20px;top:8px
}

.choixhoraire {
	background-color:#42a5f5;
}

.switch label input[type=checkbox]:checked+.lever {
	background-color:rgb(201,226,247);
}

.switch label input[type=checkbox]:checked+.lever:after {
	background-color:rgb(102,150,191);
}

.rdvframeshape {
	float:right;
	shape-outside:polygon(60px 80px, 520px 0, 540px 30px, 490px 360px, 515px 360px, 520px 400px, 480px 430px, 460px 470px,0 420px, 60px 80px);
}

.rdvboxshape {
	float:right;
	shape-outside:polygon(40px 120px, 90px 100px, 80px 70px, 250px 10px,280px 0, 430px 200px, 430px 390px, 320px 390px, 270px 300px,140px 370px, 40px 120px);
}


.priseautonomeshape {
	float:right;
	shape-outside:polygon(100px 0px, 300px 0px, 300px 450px, 30px 450px, 30px 400px, 70px 300px, 50px 280px, 80px 250px, 30px 200px, 20px 170px, 30px 160px, 10px 120px, 15px 70px);
}


.rdvframedeskshape {
	float:left;
	shape-outside:polygon(0 0, 150px 0, 170px 100px, 170px 120px, 280px 120px, 280px 170px, 300px 190px, 300px 402px, 0 402px);
}

.rdvframetouchshape {
	float:right;
	shape-outside:polygon(0 0, 400px 0, 400px 360px, 100px 360px, 120px 250px, 0 250px);	
}

.hachure45BLUE {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(183,202,224),
	  rgb(183,202,224) 10px,
	  rgba(183,202,224,0.8) 10px,
	  rgba(183,202,224,0.8) 20px
	);
}

.hachure45RED {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(250,200,200),
	  rgb(250,200,200) 10px,
	  rgba(250,200,200,0.8) 10px,
	  rgba(250,200,200,0.8) 20px
	);
}

.hachure45GREEN {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(176,242,182),
	  rgb(176,242,182) 10px,
	  rgba(176,242,182, 0.8) 10px,
	  rgba(176,242,182, 0.8) 20px
	);
}

.hachure45PURPLE {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(210,202,236),
	  rgb(210,202,236) 10px,
	  rgba(210,202,236, 0.8) 10px,
	  rgba(210,202,236, 0.8) 20px
	);
}

.hachure45ORANGE {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(255,228,196),
	  rgb(255,228,196) 10px,
	  rgba(255,228,196,0.8) 10px,
	  rgba(255,228,196,0.8) 20px
	);
}

.hachure45PINK {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(254,231,240),
	  rgb(254,231,240) 10px,
	  rgba(254,231,240,0.8) 10px,
	  rgba(254,231,240,0.8) 20px
	);
	color:#fc6cf4!important;
}

.hachure45YELLOW {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(255,255,100),
	  rgb(255,255,100) 10px,
	  rgba(255,255,100, 0.8) 10px,
	  rgba(255,255,100,0.8) 20px
	);
}

.hachure45GRIS {
	background: repeating-linear-gradient(
	  45deg,
	  rgb(200,200,200),
	  rgb(200,200,200) 10px,
	  rgba(200,200,200, 0.8) 10px,
	  rgba(200,200,200,0.8) 20px
	);
}

.unselectable {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
					  supported by Chrome and Opera */
}

.dayselector {
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	color:#ccc;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
					  supported by Chrome and Opera */
}

.dayselector.selected {
	background-color:rgb(102,150,191) !important;
	color:white;
}

.underlineeditable {
	margin:0 3px;
	display:inline-block;
	min-width:150px;
	border-bottom:1px solid black;
}

#prev_shared, #next_shared {
	cursor:pointer;
}

.blur2 {
	-webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);
}

.blur2.desaturate {
    -webkit-filter: grayscale(100%) blur(2px);
    -moz-filter:    grayscale(100%) blur(2px);
    -ms-filter:     grayscale(100%) blur(2px);
    -o-filter:      grayscale(100%) blur(2px);
    -webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
    transition-timing-function: ease-out;
}


body.finger-painting {
	background-image:url("../img/background/finger-painting.jpg");	
}

body.blue-bg {
	background-image:url("../img/background/blue-bg.jpg");	 
}

.my-blue {
	color:rgb(102,150,191) !important;
}

.fc-event-container .temporaire .fc-content .fc-time:after {
	content: " (non confirmé)";
}

.fc-event-container .excuse {
	background: repeating-linear-gradient(
	  -45deg,
	  rgba(0,0,0, 0.01),
	  rgba(0,0,0, 0.01) 10px,
	  rgba(0,0,0, 0.05) 10px,
	  rgba(0,0,0,0.05) 20px
	);
}


.fc-event-container .excuse .fc-content .fc-time:after {
	content: " (annulé)";
}


.fc-event-container .excuse.excuse_covid19 .fc-content .fc-time:after {
	content: " (annulé COVID19)";
}

.fc-event-container .excuse.excuse_covid19 {
	border:2px solid red;
	background: repeating-linear-gradient(
	  -45deg,
	  rgba(255,0,0, 0.3),
	  rgba(255,0,0, 0.3) 10px,
	  rgba(255,255,0, 0.5) 10px,
	  rgba(255,255,0,0.5) 20px
	);
}


.fc-event-container .temporaire {
	background: repeating-linear-gradient(
	  -45deg,
	  rgba(255,255,255, 0.1),
	  rgba(255,255,255, 0.1) 10px,
	  rgba(255,255,255, 0.2) 10px,
	  rgba(255,255,255,0.2) 20px
	);
}


table.compact td {
	padding-top:0;
	padding-bottom:0;
}

#caleventpopup_bg {
	position:fixed;
	width:100%;
	height:100%;
	background-color:transparent;
	top:0;
	left:0;
	z-index:2999;
}

#caleventpopup {
	z-index:1002;
	min-height:230px;
	width:440px;
	position:fixed;
	top:0;
	left:0;
	background-color:white;
}

#caleventpopup.smoothmove {
	transition-property:top, left;
	transition-duration: 0.2s;
}

#calpop_bt_edit {
	transition:none;
	
}


#left-menu {
	color:#999;
	position:relative;
	overflow:auto;
	font-size:10px;
	color:rgb(60, 64, 67);
	line-height:15px;
	width:300px;
	padding:45px 5px 55px 55px;
	z-index:99;
	background-color:rgba(255,255,255,0.95);
	height:100%;
	position:fixed;
	top:0px;
	left:-250px;
	-webkit-box-shadow: 2px 0px 28px -10px rgba(0,0,0,0.45);
	-moz-box-shadow: 2px 0px 28px -10px rgba(0,0,0,0.45);
	box-shadow: 2px 0px 28px -10px rgba(0,0,0,0.45);border-right:1px solid #ddd;
	font-family:Roboto,Helvetica,Arial,sans-serif;
	-webkit-transition: left 0.5s; /* Safari */
	transition: left 0.5s;
}

#left-menu .left-pan-title {
	font-size:15px;
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:1px solid #f1f3f4;
	margin-bottom:10px;
	text-align:left;
}

#left-menu .left-pan-content {
	width:100%;
	text-align:center;
}

body.leftpanopen #left-menu {
	left:0;
}

#mini-left-bar {
	z-index:100;
	background-color:rgba(255,255,255,0.95);z-index:100;float:left;width:50px;height:100%;position:fixed;top:0px;left:0px;
	-webkit-box-shadow: 2px 0px 28px -10px rgba(0,0,0,0.45);
	-moz-box-shadow: 2px 0px 28px -10px rgba(0,0,0,0.45);
	box-shadow: 2px 0px 28px -10px rgba(0,0,0,0.45);border-right:1px solid #ddd;padding-top:100px;text-align:center;font-size:20px
}

#mini-left-bar .bouton {
	cursor:pointer;
	border-right:2px solid transparent;
}

.miniroundbt {
	width:30px;
	height:30px;
	line-height:30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-left:10px;
	text-align:center;
	cursor:pointer;
}

.miniroundbt:hover {
	background-color:#eee;
}

#mini-left-bar .bouton .round {
	width:30px;
	height:30px;
	line-height:30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-left:10px;
}

#mini-left-bar .bouton:hover .round {
	background-color:rgba(0,0,155,0.1);
}
#mini-left-bar .bouton:hover {
	border-right:2px solid rgba(0,0,155,0.5);
}
#mini-left-bar .bouton.active {
	border-right:2px solid rgba(0,0,155,0.5);
}

#liste_patients .enfant .fa-male, #liste_patients .enfant .fa-female {
	opacity:0;
}

#liste_patients .enfant:hover .fa-male, #liste_patients .enfant:hover .fa-female {
	opacity:1;
}

.liste_status_in_edition {
	font-style:italic;
}

.liste_status_suspended {
	color:#aaa;
}

.bloc_question .title {
	font-size:1.5em
}

.bloc_question .content {
	margin-bottom:0.8em;
}

.bloc_question .bloc {
	border:1px solid transparent;
	padding:5px;
	text-align:justify;
	position:relative;
}

.bloc_question .bloc .zoneboutons_container {
	position:absolute;
	right:2px;
	top :2px;

}

.bloc_question .bloc .zoneboutons_container .button {
	display:inline-block;
	padding:2px 20px;
	border-radius: 5px;
	background-color:rgba(108,154,195, 0.1);
	color:white;
	margin-left:5px;
}

.bloc_question .bloc .zoneboutons_container .button.trash {
	background-color:rgba(255,0,0, 0.1);
}

.bloc_question .bloc:hover .zoneboutons_container .button.trash {
	background-color:rgba(255,0,0, 0.9);
}

.bloc_question .bloc:hover .zoneboutons_container .button {
	background-color:rgb(108,154,195);
	cursor:pointer;
}

.bloc_question .bloc:first-child:hover .zoneboutons_container .button.up {
	background-color:rgba(108,154,195, 0.1);
	cursor:default;
}

.bloc_question .bloc:last-child:hover .zoneboutons_container .button.down {
	background-color:rgba(108,154,195, 0.1);
	cursor:default;
}

.bloc_question .bloc[form_type=separator] {
	border-top:2px solid rgb(108,154,195);
	border-bottom:2px solid rgb(108,154,195);
	background: linear-gradient(-45deg, rgb(108,154,195) 25%, rgba(108,154,195, 0.1) 25%, rgba(108,154,195, 0.1) 50%, rgba(108,154,195, 0.4) 50%,rgba(108,154,195, 0.4) 75%, rgba(108,154,195, 0.1) 75%, rgba(108,154,195, 0.1));
	background-size:200px 200px;
	color:rgb(60, 88, 113);
}

.bloc_question .bloc:hover {
	border:1px solid rgb(108,154,195)
}

.dt-rowReorder-moving {
	background-color:rgba(0,0,0,0.2) !important;
}

div.pco_badge {
	font-size:0.7em;
	display:inline-block;
	border:1px solid #aaa;
	color:#aaa;
	padding:1px 10px;
	border-radius:10px;
	line-height:1.2em;
	height:1.2em;
	font-weight:bold;
	cursor:pointer;
	background-color:white;
	transition:
	color 0.3s ease,
	background-color 0.3s ease;
}

div.pco_badge:hover {
	color:white;
	background-color:#aaa;
}