a:link,a:visited { text-decoration:none;}
a:hover { text-decoration:underline}

.lien1 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.lien1:hover {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline; border: solid 0px #8B7396;}


.card-margin {
	margin-bottom: 1.875rem;
}

.card {
	border: 0;
	box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
	-ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
}
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #ffffff;
	background-clip: border-box;
	border: 1px solid #e6e4e9;
	border-radius: 8px;
}

.card .card-header.no-border {
	border: 0;
}
.card .card-header {
	background: none;
	padding: 0 0.9375rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	min-height: 50px;
}
.card-header:first-child {
	border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{
		right:100%; left:auto;
		z-index: 10000 !important;
	}
	.dropdown-item{
		padding:5px !important;
		margin-right:2px !important;
		margin-left:2px !important;
		z-index: 10000 !important;
		font-size:14px;
	}


	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}

#volet-messagerie {
	background: #ededed;
	border-left: 1px solid #a91818;
	border-radius: 0;
}

.chargerUrl {
	cursor: pointer;

}

.lienMenuGauche {
	cursor: pointer;
	z-index: 100000 !important;
}

.fantome{
	height:20px;

	border:1px dashed;
	background: #b6cff3;
	border-color: black;
}



.yellow-accr {

	color: #ffc107;
}

.link-turquoise-accr{
	color: #4dafab !important;
}

.link-turquoise-accr:hover{
	color: #333333 !important;
	cursor: pointer;
}

.link-gray-accr{
	color: #999999 !important;
}
.link-gray-accr:hover{
	color: #357d7a !important;
	cursor: pointer;
}

.link-red-accr:hover{
	color: #357d7a !important;
	cursor: pointer;
}
.link-red-accr{
	color: #b01919 !important;
	cursor: pointer;
}

.link-yellow-accr:hover{
	color: #357d7a !important;
	cursor: pointer;
}
.link-yellow-accr{
	color: #ffc107 !important;
	cursor: pointer;
}

.yellow-accr {

	color: #ffc107;
}

.turquoise-accr{
	color: #4dafab !important;
}

.turquoise-fonce-accr{
	color: #357d7a;
}

.red-accr-bg {

	background-color: #b01919;
}

.red-accr {

	color: #b01919;
}

.pictos-prestation{
	--fa-primary-color: #b01919;
	--fa-secondary-color: #6f1414;
}

.pictos-turquoise{
	--fa-primary-color: #4dafab;
	--fa-secondary-color: #357d7a;
}

.navbar {
	background: #eee;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #a91818;
	border-radius: 0;
}
.navbar .navbar-brand {
	font-size: 20px;
	padding-left: 0;
	padding-right: 50px;
}
.navbar .navbar-brand b {
	color: #29c68c;
}
.navbar a, .navbar a:active {
	color: #666;
	font-size: 0.9em;
	background: transparent;
}
.navbar .navbar-nav a:hover, .navbar .navbar-nav a:focus {
	color: #29c68c !important;
}
.navbar .navbar-nav > a.active, .navbar .navbar-nav.show > a {
	color: #26bb84 !important;
	background: transparent !important;
}
.navbar .form-inline .input-group-text {
	box-shadow: none;
	border-radius: 2px 0 0 2px;
	background: #f5f5f5;
	border-color: #dfe3e8;
	font-size: 16px;
}
.navbar .form-inline i {
	font-size: 16px;
}
.navbar .form-inline .btn {
	border-radius: 2px;
	color: #fff;
	border-color: #29c68c;
	background: #29c68c;
	outline: none;
}
.navbar .form-inline .btn:hover, .navbar .form-inline .btn:focus {
	border-color: #26bb84;
	background: #26bb84;
}
.navbar .search-form {
	display: inline-block;
}
.navbar .search-form .btn {
	margin-left: 4px;
}
.navbar .search-form .form-control {
	border-radius: 2px;
}
.navbar .login-form .input-group {
	margin-right: 4px;
	float: left;
}
.navbar .login-form .form-control {
	max-width: 158px;
	border-radius: 0 2px 2px 0;
}
.navbar .navbar-right .dropdown-toggle::after {
	display: none;
}
.navbar .dropdown-menu {
	font-size: 14px;
	border-radius: 1px;
	border-color: #e5e5e5;
	box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.navbar .dropdown-menu a {
	padding: 6px 20px;
}
.navbar .login-dropdown .dropdown-menu {
	width: 505px;
	padding: 20px;
	left: auto;
	right: 0;
}
.navbar .login-dropdown .dropdown-toggle::after {
	display: none;
}
@media (min-width: 1200px){
	.search-form .input-group {
		width: 300px;
		margin-left: 30px;
	}
}
@media (max-width: 768px){
	.navbar .dropdown-menu {
		width: 100%;
		background: transparent;
		padding: 10px 20px;
	}
	.navbar .input-group {
		width: 100%;
		margin-bottom: 15px;
	}
	.navbar .input-group .form-control {
		max-width: none;
	}
	.navbar .login-form .btn {
		width: 100%;
	}
}


.menuIcon{
	color: #a91818;
	font-size:22px;
	font-weight:bold;
}

.menuText{
	color: #322e2e;
	font-size:10px;
	font-weight:bold;
}

.tippy-box[data-theme~='listetype'] {
	background-color: #edf4f7 !important;
	color:#333 !important;
	font-weight:bold;
	border:1px solid #333;
}

::-webkit-scrollbar {
	width: 6px;
	height: 12px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255);
	border-radius: 12px;
}


::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #af1b1b;
	border:2px solid #fff;
}




#zone_suivi{
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-color: white;
	right: 10px;
	width: 30%;
	z-index: 10000;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0px;
	border-left: 2px dashed #a91818;
}
/*
.tableFixHead          { overflow: scroll; height: 70vh; width: 99%; }

 */
.tableFixHead thead th { position: sticky; top: -20px; z-index: 1; }
.tableFixHead thead .thCommentairesHeader { position: sticky; left: 0; background-color: #d2e7f5 !important; z-index: 3; box-shadow: 2px 0 5px rgba(0,0,0,0.1); }
.tableFixHead thead .thNomHeader { position: sticky; left: 215px; background-color: #d2e7f5 !important; z-index: 3; box-shadow: 2px 0 5px rgba(0,0,0,0.1), 3px 0 0 #007bff; }
.tableFixHead tbody .thCommentaires { position: sticky; left: 0; background-color: #EEE !important; z-index: 2; box-shadow: 2px 0 5px rgba(0,0,0,0.1); }
.tableFixHead tbody .thNom { position: sticky; left: 215px; z-index: 2; box-shadow: 2px 0 5px rgba(0,0,0,0.1), 3px 0 0 #007bff; }

.tableFixHeadQuestionnaire thead th { position: sticky; top: -100px; z-index: 1; }

/* spinner */
#overlay2{
	position: relative;
	top: 0;
	z-index: 1000;
	width: 100%;
	height:100%;
	display: none;
	background: #fff;
}
.cv-spinner2 {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.spinner2 {
	width: 60px;
	height: 60px;
	border: 6px #ddd solid;
	border-top: 6px #891212 solid;
	border-radius: 50%;
	animation: sp-anime 1.0s infinite linear;
}
@keyframes sp-anime {
	100% {
		transform: rotate(360deg);
	}
}
.is-hide{
	display:none;
}
/* spinner */

.my-sidebar {
	-ms-flex: 0 0 340px !important;
	flex: 0 0 340px !important;
}

@media (max-width: 1199px) {
	.my-sidebar {
		display: none;
	}
}

/*style link*/
	
	/*
	
	*/
.listetype_td {
	overflow:hidden;
	background-color:#dddddd;
	border:1px;
	font-size:10px;
	font-family:Arial, verdana;
	font-weight:bold;
}

.listetype_td2 {
	background-color:#ffffff;
	border:1px solid #666;
	font-size:12px;
	font-family:tahoma, verdana;
	padding:4px;
}
.listetype_td3 {
	background-color: rgb(170, 218, 171);
	border:1px solid #bbb;
	font-size:12px;
	font-family:tahoma, verdana;
	padding:4px;
}
.listetype_td4 {
	background-color: #a2c8ef;
	border:1px solid #bbb;
	font-size:12px;
	font-family:tahoma, verdana;
	padding:4px;
}
.table_listetype {

					 }
.table_listetype td {
	border: 3px solid #fff;
}
.table_listetype th {
	background-color: #e4f0f4;
	border: 3px solid #fff;
}

.thNom {
	background-color: #eee;
	border: 3px solid #fff;
}


/*style link*/
.menulink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold}
.lienpagelink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold}
*/
.menulink:hover { border: solid 0px #000000;background-image:images/Bg_Menu_Barre.png; text-decoration: none}
.lienpagelink:hover { border: solid 0px #000000;background-image:images/Bg_Menu_Barre.png; text-decoration: none}
*/

/*style background*/

.back0 {  background-color: #FFFFFF}
.back1 {  background-color: #0C4E8C}
.back2 {  background-color: #BCB8B8}


/*style text*/
.menu {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #404040; font-weight: bold}
.menu:hover {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold;text-decoration:none; border: solid 0px #8B7396;}
.titre_box {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #66669A; font-weight: bold}
.box {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #404040; font-weight: bold}
.titre {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FF7F00; font-weight: bold}
.titre1 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF7F33; font-weight: bold}
.titre2 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF7F66; font-weight: bold}
.titre3 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FF7F00; font-weight: bold}
.textenormal {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal}
.texte1 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal}
.texte2 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #555555; font-weight: normal}
.texte3 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; font-weight: normal}

.texteimportant {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #9999BB; font-weight: bold}
.txt1 {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold}
.liensbas {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold}
.titrepage {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #9999cc; font-weight: bold}
.lienpage {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF7F00; font-weight: bold}
.lienpage:hover {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF7F00; font-weight: bold;text-decoration: underline; border: solid 0px #8B7396;}
.menuaccr {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF6600;background-color:444444;height:25px;padding:3px;width:100px;text-align:center;align:center;}
.menuaccr:hover {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FF6600;background-color:000000;height:25px;padding:3px;width:100px;align:center;font-weight: bolder; border: solid 0px #8B7396;text-decoration:none;}
.lienpagepetit {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF7F00; font-weight: bold}
.lienpagepetit:hover {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF7F00; font-weight: bold;text-decoration: underline; border: solid 0px #8B7396;}
.textesondage {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal}
.texteclient {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: normal}


/*style text*/
.menu_plateforme {  font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #404040; font-weight: bold}
.titre_plateforme {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FF7F00; font-weight: bold}
.titre1_plateforme {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF7F33; font-weight: bold}
.titre2_plateforme {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF7F66; font-weight: bold}
.texte1_plateforme {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal}
.texte2_plateforme {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal}


.popUp
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 42%;
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	background: #aaaccc;
}
.popUp2
{
	position: absolute;
	top: 100;
	left: 500;
	width: 50%;
	height: 60%;
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	background: #aaaccc;
}


/*style form*/

input.form
{
font-weight: bold;
color:#66669A;
font-family:Verdana;
font-size:10px;
background-color:#ffffff;
border:1 solid #66669A;
}

input.form2
{
font-weight: bold;
color:#000000;
font-family:Verdana;
font-size:10px;
background-color:#ffffff;
border:1 solid #66669A;
}

input.form_plateforme
{
font-weight: bold;
color:#FF8888;
font-family:Verdana;
font-size:10px;
background-color:#ffffff;
border:1 solid #66669A;
}


input.form2:disabled
{
font-weight: bold;
color:#FF8888;
font-family:Verdana;
font-size:10px;
background-color:#ffffff;
border:1 solid #66669A;
}

textarea.form
{
color:#000000;
font-family:Verdana;
font-size:10px;
background-color:#D7D2D3;
border:1 solid #000000;
}

textarea.form_plateforme
{
font-weight: normal;
color:#000000;
font-family:Arial,Verdana;
font-size:10px;
background-color:#dddddd;
border:1 solid #666666;
}

select.form
{
font-weight: bold;
background-color:#f4e5c9;
color:#66669A;
font-family:Verdana;
font-size:10px;
border:10;
}

select.form_plateforme
{
font-weight: bold;
color:#FF8888;
font-family:Verdana;
font-size:10px;
background-color:#ffffff;
border:1 solid #66669A;
}

select.form2
{
font-weight: bold;
background-color:#dddddd;
color:#444444;
font-family:Verdana;
font-size:10px;
border:5;
}
table.table2 {

 border-style:solid; 
 border-color:#cccccc;
 border-collapse:collapse;
 font-size:10px;

 }
td.table2 {
 border-style:solid; 
 border-color:#cccccc;
 font-size:10px;
 }

.formsondage {
background-color:#E17A04;
color:#ffffff;
font-size:14px;
border:1px solid;
border-color:#666666;
cursor:pointer;
width:90px;
height:20px;
}

input.formsondage:hover {
background-color:#E17A04;
color:#000000;
font-size:14px;
border:1px solid;
border-color:#666666;
cursor:pointer;
width:90px;
height:20px;
}

.ejs_scroll {font-size:10px;font-family:Verdana;color:#000000;}