/********************************************************
Date : Septembre 2020
********************************************************/
.container-fixe {
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow: hidden;
}

.Rx-TableCalendrier{min-width:730px; margin:0 0 0 0; border:0px solid #999; padding:0; font-family: 'Open Sans', Verdana, Geneva, sans-serif;}
.Rx-TableCalendrier table{border-collapse:separate}
.Rx-TableCalendrier table th{font-weight:bold; font-variant:small-caps; padding:10px 0; color:#444}
.Rx-TableCalendrier table td.Rx-TableCalendrierMoisPrecedant{width:98px; height:48px; border:0px solid #cccccc; text-align:left;}
.Rx-TableCalendrier table td.Rx-TableCalendrierMoisSuivant{width:98px; height:48px; border:0px solid #cccccc; text-align:left;}
.Rx-TableCalendrier table td.Rx-TableCalendrierMoisCourant{width:98px; height:48px; border:1px solid #cccccc; text-align:left; cursor:pointer; cursor:hand;
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
}
.Rx-TableCalendrier table td.Rx-TableCalendrierMoisCourant:hover{background:#999; border:1px solid #666;}
.Rx-TableCalendrier table td.Rx-TableCalendrierMoisCourant div.Rx-TableCalendrierDate{font-size:12px; color:#444; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0; padding:3px; width:20px; text-align:center; background:#ededed}
.Rx-TableCalendrier table td.Rx-TableCalendrierMoisCourant:hover div.Rx-TableCalendrierDate{background:#aaa; color:#fff; border-right:1px solid #666; border-bottom:1px solid #666;}
.Rx-TableCalendrier table td.Rx-TableCalendrierMoisCourant:hover .Rx-TableCalendrierJourTache{border-top:1px solid #fff;}
.Rx-TableCalendrierJourCourant{background:#999; border:1px solid #666;}	
.Rx-TableCalendrier table td.Rx-TableCalendrierJourCourant div.Rx-TableCalendrierDate{font-size:12px; color:#444; border-right:1px solid #666; border-bottom:1px solid #666; margin:0; padding:3px; width:20px; text-align:center; background:#aaa}
.Rx-TableCalendrier table td.Rx-TableCalendrierJourCourant .Rx-TableCalendrierJourTache{border-top:1px solid #fff;}
.Rx-TableCalendrierJourTacheTitre{color:#000; font-size:10px; margin:5px}
.Rx-TableCalendrierJourTache{color:#000; font-size:10px; border-top:1px solid #999; margin:5px; padding:5px 0}
.Rx-TableCalendrierBoxSection{
	width:100%;
	border:1px solid #fff;
	padding:5px;
	margin:0 auto;
	color:808080;
	font-size:14px;
	background-color:#ffffff
}
.Rx-TableCalendrierBoxMessageTitre{margin-left:0; border:0px solid #999;  font-weight:bold; font-family: 'Open Sans', Verdana, Geneva, sans-serif; font-size:14px}
.Rx-TableCalendrierBoxMessageTitre i{padding:0 10px 0 0}
.Rx-TableCalendrierBoxMessageTitre span{padding:3px 10px 3px 10px; display:block; line-height:32px}
ul.TableCalendrierBoxSectionListe{margin:20px 0; list-style:none; font-family: 'Open Sans', Verdana, Geneva, sans-serif; font-size:13px}
ul.TableCalendrierBoxSectionListe li{position: relative; font-family: 'Open Sans', Verdana, Geneva, sans-serif; font-size:13px}
ul.TableCalendrierBoxSectionListe li:before {content: "\f0da";font-family: "Font Awesome 6 Pro";font-style: normal;font-weight: normal;text-decoration: inherit;color: #999;font-size: 18px;padding-right: 10px;position: absolute;top: 0;left: 0;}
ul.TableCalendrierBoxSectionListe li a{text-decoration:none; color:#777; margin:0 0 0 15px}
ul.TableCalendrierBoxSectionListe li a:hover{color:#f00; text-decoration:underline}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}

/* Input mot de passe */
input[type=text].TextSecurite {text-security:disc; -webkit-text-security:disc;}

.TBC_Choix{display:inline-block;background-color:#FF0000;margin:5px; padding:5px; width:20px; height:20px;}
.TBC_Icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.TBC_Choix::before {
    font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f007";
}


.TBCNoBullet{list-style:none; padding: 8px 0; margin-bottom: 2px;}
.TBCSupprimer{margin-right:8px}

.TBCInfoBox{background: #d9edf7;border-left: 4px solid #269abc; border-bottom: 1px solid #269abc; border-top: 1px solid #269abc; border-right: 1px solid #269abc; color: #269abc; padding: 10px; margin-top: 10px; cursor:hand; cursor:pointer}

.TBCd-flex{display: flex!important;}
.TBCd-inline-flex{display:inline-flex !important; margin-left:10px; padding-right:18px;}
.TBCd-flex-fontawesome {width: 34px; text-align: center; padding-right: 6px;}
.TBCd-flex-1 {flex: 1;}
.TBCCheckbox{margin-right:12px; padding:0 0 12px 0;display:inline-block}
.TBCCheckboxInput{margin-right: 6px;}
.TBCTextInput{padding:3px;margin: 2px 5px 2px 5px;width:50px;}

.TBPageWidth{min-width:768px!important; max-width:1100px!important; margin-left: auto!important;margin-right: auto!important;}

button:focus {outline:0 !important;}