body {
	/*background:#D9E2E7 url(../images/fond.gif) repeat-y scroll center center;*/
	background-color:#F2F2F2;
	font-family:Georgia,Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	/*padding:0;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	height:100%;*/
	color:#000;
}

.entete {
	width:972px;
	padding:10px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:26px;
	border-bottom:1px dotted #B2A2D0;
	/*height:130px;*/
}


.contentEntete {
	text-align:center;
	font-size:16px;
}

.ligne {
	max-width: 968px;
	border-bottom: 1px dotted #B2A2D0;
	text-align:center;
	margin: auto; 
}

label {
	text-align:left;
}

.title {
	color: #00396F;
    font-size: 32px;
    font-weight: bold;
    padding: 15px 0;
}

.content {
	text-align:justify;
}

.content_center {
	float:left;
	font-size:11px;
	padding:20px 0;
	width:100%;
}

/**
 *	FAQ
 */
.faqQuestion {
	text-align:			justify;
	margin:				10px 40px 0 40px;
	background-color: 	#F7F6FF;
	padding:			10px 20px;
	border: 			1px solid #99BCE8;
	cursor:				pointer;
	color: 				#239CC5;
	font-size: 			13pt;
}

.anglesBasArrondis {
	border-radius: 		4px 4px 4px 4px;
}
.anglesBasNonArrondis {
	border-radius: 		4px 4px 0 0;
}

.faqQuestionReponse {
	text-align:			justify;
	margin:				0 40px 10px 40px;
	padding:			10px 20px;
	background: 		transparent url('../images/bg_resume_3x3.gif');
	border: 			1px solid #99BCE8;
	border-radius: 		0 0 4px 4px;
}

.faqReponse {
	padding: 	10px 0;
	text-align: left;
}

.imgFaq {
	vertical-align: top;
	padding: 0 10px;
}

.destinataireSupp {
	background-color: 	#F7F6FF;
	padding:			4px;
	margin:				0 4px 0 0;
	border: 			1px solid #99BCE8;
	float:				left;
	border-radius: 		4px 4px 4px 4px;
}

.icon {
	width:18px;
}

.x-grid-cell-inner, .x-grid-hd-inner {
	white-space: normal;
}

.x-column-header-inner .x-column-header-text {
	white-space: normal;
	line-height: auto;
}

.x-column-header-inner {
	line-height: 13px;
	padding: 6px 3px !important;
}

#admin_liste_bilans .x-grid-body {
	left: -8px !important;
}

.x-btn-default-toolbar-medium .add-user {
    background-image: url(../images/24x24/user-plus.png) !important;
}
.x-btn-default-toolbar-medium .del-user {
    background-image: url(../images/24x24/multi_users.gif) !important;
}
.x-btn-default-toolbar-medium .join {
    background-image: url(../images/24x24/join.png) !important;
}
.x-btn-default-toolbar-medium .send {
    background-image: url(../images/24x24/send.png) !important;
}
.x-btn-default-toolbar-medium .saveas {
    background-image: url(../images/24x24/saveas.png) !important;
}

.x-form-display-field {
	text-align: left;
}


/*********FOOTER**********/

.footer {
	text-align:center;
	font-size:14px;
	width:100%;
	padding-top:30px;
	clear:both;
	font-family:Verdana,sans-serif;
}

/********* CAMPAGNE **********/

.panneau {
	width:850px;
	margin:0 50px;
	text-align:left;
	font-size:14px;
	/* border:1px solid black */
}

.box INPUT {
	color:#800000;
	width:55px;
	text-align:right;
	padding-right:5px;
}

.box {
	text-align:center;
    width: 1000px;
	font-family:Verdana,sans-serif;
}

.I10 {
	text-align:center;
    /*background-color : #F2FBFE;*/
}

.E70 {
	text-align:center;
    background-color : #C2DA96;
}

.titre {
	text-align:left;
    font-size:18pt;
    color:#333;
    padding: 3px 10px;
    font-weight:bold;
}

.I10 .titre {
	background: linear-gradient(to right, #156082, #55A0C2);
}

.I20 .titre {
	background: linear-gradient(to right, #3B7700, #5BB700);
}

.I30 .titre {
	background: linear-gradient(to right, #7F006E, #C600AC);
}

.T10 .titre {
    background-color : #DDD9C4;
}

.E10 .titre, .E70  .titre {
    background-color : #F2DCDB;
}

.S10 .intro {
	text-align:left;
    font-size:15px;
    font-weight:normal;
    color:#333;
    background-color : #E4DFEC;
    padding: 3px;
}

.S10 .introBig {
	text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#333;
    background-color : #E4DFEC;
    padding: 6px;
}

.S10 .radioTxt {
	text-align:right;
    font-size:15px;
    font-weight:normal;
    color:#333;
    background-color : #E4DFEC;
    padding: 3px;
}

.T10 .intro {
	text-align:left;
    font-size:15px;
    font-weight:normal;
    color:#333;
    background-color : #DDD9C4;
    padding: 3px;
}

/*********QUESTIONNAIRE**********/
.E10 .intro, .E70 .intro {
	text-align:left;
    font-size:15px;
    font-weight:normal;
    color:#333;
    background-color : #F2DCDB;
    padding: 3px;
}

.pan .titreO {
	text-align:left;
    font-size:13px;
    font-weight:bold;
    color:#333;
    background-color : #FDE9D9;
    border-top: 1px solid #000;
    padding: 3px;
}

.pan .titreOD {
	text-align:right;
    font-size:13px;
    font-weight:normal;
    color:#333;
    background-color : #FDE9D9;
    padding: 3px 8px;
}

.pan .symbolOD {
	text-align:left;
    font-size:13px;
    font-weight:normal;
    color:#333;
    background-color : #FDE9D9;
    padding: 3px 8px;
}

.pan .titreG {
	text-align:left;
    font-size:12px;
    font-weight:normal;
    width:75%;
    color:#333;
    background-color : #F2F2F2;
    padding: 3px;
}
.pan .txtC {
	text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#333;
    background-color : #F2F2F2;
    padding: 3px;
}
.pan .txtO {
	text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#333;
    background-color : #FFC58A;
    padding: 3px;
}
.pan .txtD {text-align:right;font-size:12px;color:#333;padding:3px;}
.pan .txtG {text-align:left;font-size:12px;color:#333;padding: 3px;}
.pan .texte {
	text-align:left;
	padding:3px;
}
.pan .texte_b {
	text-align:left;
    padding: 3px;
    font-weight:bold;
}

.pan .unite {
	text-align:left;
	padding-left:5px;
    padding-top: 10px;
    /*font-weight:bold;*/
}

.pan .unite input__{
	height:20px;
    padding-top: 10px;
	font-weight:normal;
}



.cadre_s10 {
    font-weight:bold;
    border: 1px solid #000;
    width:60%;
    padding: 15px 10px;
}
.cadre_s30 {
    border: 1px solid #000;
    padding: 15px 10px;
}

.champ {
    padding: 0px;
}

.pan .service {text-align:left;font-style:italic;}

.pan .bordD {
    border-right: 1px solid #000;
}
.pan .bordH {
    border-top: 1px solid #000;
}

.etab {
	width:500px;
	height:50px;
	color:black;
	font-size:13px;
	cursor:pointer;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ddd;
    border: 1px solid #aaa;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.etab:hover {
    background-color: #ccc;
    /* Ombrage plus prononcé au survol */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.etab:active {
    background-color: #bbb;
    /* Ombrage réduit au clic pour effet "enfoncé" */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transform: translateY(1px);
}
.etab_disabled {
	width:500px;
	height:50px;
	color:black;
	font-size:13px;
}

.cloture {
	width:400px;
	height:50px;
	color:black;
	font-size:16px;
	cursor:pointer;
	text-align:center;
	background-color: #D2D2D2;
}
.cloture_disabled {
	width:300px;
	height:50px;
	color:black;
	font-size:16px;
	cursor:pointer;
}


/* Style pour la cellule avec rowspan */
.cellule-avec-brace {
    position: relative;
    padding-right: 25px; /* Espace pour l'accolade à l'intérieur */
}

/* Conteneur pour l'accolade */
.brace-container {
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 5px;
    width: 15px;
    pointer-events: none;
}

/* L'accolade elle-même */
.brace {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    border-left: 2px solid #156082;
    border-top: 2px solid #156082;
    border-bottom: 2px solid #156082;
    border-radius: 8px 0 0 8px;
}

/* Point central de l'accolade - dirigé vers la gauche */
.brace::before {
    content: '';
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #156082;
}

table {
    border-collapse: collapse;
    width: 100%;
}

.texte-souligne {
    position: relative;
    z-index: 1;
    padding-right: 5px;
	border-bottom: 1px solid #CCC;
}

.tendance {
	text-align:center;
	width:20px;
	padding-right:0px;
}

.x-mask {
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
	top: 0px !important;
}

.x-window-modal-mask {
    position: fixed !important;
    height: 100vh !important;
    width: 100vw !important;
	top: 0px !important;
}

.input-group {
	position: relative;
}
		
/* Animation au survol */
.input-group:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}
		
/* Style de l'infobulle */
.tooltip {
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	background: linear-gradient(135deg, var(--tooltip-color-1) 0%, var(--tooltip-color-2) 100%);
	color: white;
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.5;
	white-space: nowrap;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 1000;
	pointer-events: none;
}

/* Flèche de l'infobulle */
.tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top-color: #764ba2;
}