@CHARSET "UTF-8";

@import
	url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,600,700)
	;

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
}

#global {
	width: 100%;
	height: 100%;
	min-height: 586px;
	min-width: 1280px;
	margin: auto;
	background-color: #ECECEC;
}

/***** GLOBAL_UNLOG *****/
#global_unlog {
	width: 100%;
	height: 100%;
	min-height: 586px;
	min-width: 1280px;
	margin: auto;
	background-color: #2E373C;
	text-align: center;
}

#global_unlog #logo {
	margin-top: 93px;
}

#global_unlog #loginBox {
	position: relative;
	margin: 110px auto;
	width: 600px;
	background-color: #F6F6F6;
	text-align: center;
}

#global_unlog #loginBox .header {
	background-color: #21C2F8;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/icon/picto_login.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}

#global_unlog #loginBox .content {
	color: #3F3E3E;
	font-size: 16px;
	padding: 10px;
}

#global_unlog #loginBox input[type=text] {
	margin-right: 20px;
}

#global_unlog #loginBox input {
	border: 1px solid #6F6F6E;
	font-size: 14px;
	padding: 2px;
	width: 147px;
}

#global_unlog #loginBox input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px white inset;
	-webkit-text-fill-color: #333;
}

#global_unlog #loginBox input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px white inset;
	-webkit-text-fill-color: #333;
}

#global_unlog #loginBox button {
	color: #ffffff;
	font-size: 15px;
	background: #3f3e3e;
	padding: 4px 20px 4px 20px;
	text-decoration: none;
	border: none;
	margin-top: 10px;
}

#global_unlog #loginBox button:hover {
	background: #3cb0fd;
	text-decoration: none;
}

/***** HEADER *****/
#header {
	height: 70px;
	background-color: #2E373C;
	width: 100%;
	border-right-width: 1px;
}

#header #logo {
	display: inline-block;
	width: calc(100% - 667px);
	height: 70px;
	border-right: 1px solid #ECECEC;
}

#header #logo img {
	margin: 13px 0 0 14px;
}

#header .menuBtn {
	position: relative;
	display: inline-block;
	height: 70px;
	width: 70px;
	vertical-align: top;
	border-right: 1px solid #ECECEC;
	text-align: center;
}

#header .menuBtn .menuBtnLabelWrapper {
	position: absolute;
	width: 100%;
	color: #F8F8F8;
	font-size: 11px;
	line-height: 12px;
	top: 32px;
}

#header .menuBtn p span {
	font-weight: 700;
}

#header .menuBtn img {
	margin-top: 4px;
}

#header #btn_utilisateur {
	background-color: #585857;
}
/*#header #btn_param p {
	color: #F8F8F8;
	margin-top: 0px;
}
#header #btn_param img {
	margin-top: 2px;
}*/
#header #btn_utilisateur.btn:hover, #header .menuBtn.btn:hover {
	background-color: #21C2F8;
}
#header #btn_election:hover {
	background-color: #A0BF38;
}

/***** CONTENT *****/
#content {
	position: relative;
	height: calc(100% - 97px);
	width: 100%;
	margin-top: 6px;
	min-height: 543px;
}

#content .information {
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 3px 10px 20px;
	background: url(../img/icon/picto_i.png) center left no-repeat;
}

#content .erreur {
	margin: 10px 0;
	font-size: 12px;
	font-weight: 300;
	/*padding: 3px 3px 3px 20px;*/
	padding: 3px;
	background: #FF373C;
	/* url(../img/icon/picto_x.png) center left no-repeat;*/
	border: 1px solid #FF373C;
	color: #FFF;
	text-align: center;
}

#content .confirm {
	margin: 10px;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 3px 3px 20px;
	background: #C3FF7C url(../img/icon/picto_ok.png) center left no-repeat;
	border: 1px solid #A5FA40;
}

#content .warning {
	margin: 10px;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 3px 3px 20px;
	background: #FD0 url(../img/icon/picto_attention.png) center left
		no-repeat;
	border: 1px solid #F80;
}

/***** CONTENTBOX *****/
#contentBox {
	width: 100%;
	height: calc(100% - 21px);
	max-height: none;
	background-image: url(../img/fond_logo_PDB_gris.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

#contentBox h2 {
	background-color: #6F6F6E;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 300;
	height: 14px;
	margin: 0;
	padding: 5px 10px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#contentBox h3 {
	background-color: #3F3E3E;
	color: #FFFFFF;
	font-weight: 300;
	font-size: 12px;
	padding: 3px 0 3px 6px;
	margin: 6px 0 6px 0;
}
#contentBox h3.h3Profession {
	position: relative;
	height: 18px;
	line-height: 18px;
}
#contentBox h3.h3Profession img {
	position: absolute;
	top: 3px;
	right: 3px;
}
#contentBox h3.h3Add {
	position: relative;
	height: 18px;
	line-height: 18px;
}
#contentBox h3.h3Add img {
	position: absolute;
	top: 3px;
	right: 3px;
}
#contentBox h3 .h3Btn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
	background-image: url(../img/icon/picto_ajouter_item_blanc.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	
}
#contentBox h3 .h3Btn:hover {
	background-color: #21C2F8;
}

#contentBox .editOngletBar {
	position: relative;
	height: auto;
	text-align: left;
	margin-left: 6px;
}

#contentBox .editOngletBar .onglet {
	display: inline-block;
	width: 40px;
	height: 13px;
	margin-right: 2px;
	padding: 4px 4px 4px 24px;
	background-color: #868686;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}

#contentBox .editOngletBar .ongletHTML {
	background-image: url(../img/icon/picto_html_petit.png);
	background-position: 4px 5px;
}

#contentBox .editOngletBar .ongletEditeur {
	background-image: url(../img/icon/picto_crayon_petit.png);
	background-position: 4px 4px;
}

#contentBox .editOngletBar .ongletApercu {
	display: inline-block;
	position: absolute;
	right: 15px;
	top: -3px;
	width: 40px;
	height: 13px;
	margin-right: 2px;
	padding: 4px 4px 4px 24px;
	background-image: url(../img/icon/picto_apercu_petit.png);
	background-position: 2px 4px;
	background-repeat: no-repeat;
	color: #868686;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
}

#contentBox .editOngletBar .ongletApercu:hover {
	background-image: url(../img/icon/picto_apercu_petit_active.png);
	color: #21C2F8;
}

#contentBox .editOngletBar .title {
	display: block;
	line-height: 13px;
}

#contentBox .editOngletBar .onglet:hover {
	background-color: #B1B1B0;
}

#contentBox .editOngletBar .onglet:active {
	background-color: #21C2F8;
}

#contentBox .editOngletBar .onglet.selected {
	background-color: #21C2F8;
}

/***** ONGLETBAR *****/
#ongletBar {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: auto;
	width: calc(100% - 109px);
	margin-left: 109px;
}

#ongletBar .onglet {
	position: relative;
	display: inline-block;
	min-width: 16px;
	max-width: 140px;
	height: 16px;
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 0 0 24px;
	background-image: url(../img/icon/picto_annuaire_petit.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	background-color: #868686;
	border-top-right-radius: 10px;
	margin-right: 2px;
}

#ongletBar .onglet .title {
	display: block;
	width: calc(100% - 24px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 13px;
}

#ongletBar .onglet:hover {
	background-color: #B1B1B0;
}
#ongletBar .onglet:active {
	background-color: #21C2F8;
}
#ongletBar .onglet.selected {
	background-color: #21C2F8;
}
#ongletBar .cssElection:active {
	background-color: #A0BF38;
}
#ongletBar .cssElection.selected {
	background-color: #A0BF38;
}

#ongletBar .onglet img {
	position: absolute;
	top: 8px;
	right: 6px;
}

#ongletBar .onglet img:hover {
	opacity: 0.2;
}

/***** TOOLBAR *****/
.toolbarWrapper {
	position: absolute;
	top: 0;
	width: 103px;
	height: 100%;
}

.toolbar {
	width: 103px;
	height: 100%;
	background-color: #2E373C;
}

.toolbar .menuBtnTool {
	width: 103px;
	height: 103px;
	text-align: center;
}
.toolbar .menuBtnTool.disabled {
	opacity: 0.3;
}

.toolbar .menuBtnTool:hover {
	background-color: #21C2F8;
}
	.cssElection .toolbar .menuBtnTool:hover {
		background-color: #A0BF38;
	}
.toolbar .menuBtnTool.disabled, .cssElection .toolbar .menuBtnTool.disabled:hover {
	background-color: transparent;
	cursor: not-allowed;
}

.toolbar .menuBtnTool p {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
}

.toolbar .menuBtnTool img {
	margin-top: 12px;
}

.toolbar .menuBtnTool.delete img {
	position: relative;
	left: -5px;
}

.toolbar .menuBtnTool.undelete img {
	position: relative;
	left: -6px;
}

.toolbar .menuBtnTool .label {
	font-weight: 700;
}

.toolbar .menuBtnTool.btnInline {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 51.5px;
	height: 51.5px;
	line-height: 51.5px;
}
.toolbar .menuBtnTool.btnInline img {
	width: 50%;
	height: auto;
}
.toolbar .menuBtnTool.btnInline p {
	display: none;
	position: absolute;
	z-index: 10;
	top: 32px;
	left: 32px;
	background: #FFF;
	color: #333;
	padding: 12px;
	white-space: pre-line;
	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
}

.toolbar .menuSep {
	width: 103px;
	height: 19px;
	font-size: 12px;
	line-height: 19px;
	background-color: #21C2F8;
	color: #FFF;
	text-align: center;
	/*border-bottom: 1px solid #2E373C;*/
}
.toolbar .menuSepLigne {
	height: 2px;
	background-color: #21C2F8;
	margin: 2px 0;
}

.toolbar .menuInscription.menuCourrier,
.toolbar .menuInscriptionParcours.menuCourrier {
	height: auto;
	padding: 3px 0;
	font-size: 13px;
	font-weight: 400;
	color: #FFF;
}
.toolbar .menuInscription.menuCourrier .dossierCourrier,
.toolbar .menuInscriptionParcours.menuCourrier .dossierCourrier {
	color: #21C2F8;
}
.toolbar .menuInscription.menuCourrier:hover .dossierCourrier,
.toolbar .menuInscriptionParcours.menuCourrier:hover .dossierCourrier {
	color: #920;
}

.toolbar .menuEnquete {
	text-align: center;
}
.toolbar .menuEnquete:hover {
	background-color: #21C2F8;
}
.toolbar .menuEnquete.disabled:hover {
	background-color: transparent;
	cursor: not-allowed;
}
.toolbar .menuEnquete.btnDragDrop {
	display: inline-block;
	width: 51.5px;
	height: 51.5px;
	line-height: 51.5px;
	cursor: copy;
}
.toolbar .menuEnquete img{
	vertical-align: middle;
}
.toolbar .menuEnquete .label {
	/*font-weight: 700;*/
}
.toolbar .menuEnquete.btnEdit {
	width: 103px;
	height: 103px;
}
.toolbar .menuEnquete.btnEdit p {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
}
.toolbar .menuEnquete.btnEdit img {
	margin-top: 12px;
}
.toolbar .menuEnquete.btnEdit.saveEnquete:hover {
	background-color: #A0BF38;
}
.toolbar .menuEnquete.btnEdit.undoEnquete:hover {
	background-color: #FF373C;
}
.toolbar .menuGestionPhaseProjet.savePhaseProjet:hover {
	background-color: #A0BF38;
}
.toolbar .menuGestionPhaseProjet.undoPhaseProjet:hover {
	background-color: #FF373C;
}

/***** BODYBOX *****/
.bodyBoxWrapper {
	position: absolute;
	width: calc(100% - 109px);
	height: calc(100% - 21px);
	margin-left: 109px;
}
.bodyBoxWrapper .bodyBox {
	position: relative;
	width: 100%;
	height: calc(100% - 39px);
}
.bodyBoxWrapper .bodyBox .bodyBoxOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.5);
	z-index: 20;
}

/***** TITLEBAR *****/
.bodyBoxWrapper .titleBar {
	width: 100%;
	height: 18px;
	background-color: #21C2F8;
	padding: 8px 0;
	margin-bottom: 6px;
}
	.cssElection > .bodyBoxWrapper .titleBar {
		background-color: #A0BF38;
	}

.bodyBoxWrapper .titleBar h1 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 14px;
}
.bodyBoxWrapper .titleBar .loadingTxt {
	position: absolute;
	top: 8px;
	right: 32px;
	color: #FFFFFF;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
}


/***** INFORMATIONBOX *****/
.informationBoxWrapper {
	position: absolute;
	width: 40%;
	height: 100%;
}

.informationBox {
	width: 100%;
	height: 100%;
}

.informationBox h2 {
	width: calc(100% - 20px);
}

.informationBoxContent {
	height: calc(100% - 24px);
	overflow: auto;
}

.informationBoxContent table.dtaTbl {
	width: 100%;
	color: #3F3E3E;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}
.informationBoxContent table.dtaTbl.professionDtaTbl {
	margin-top: 10px;
}
.informationBoxContent table.dtaTbl.professionDtaTbl.first {
	margin-top: 0;
}

.informationBoxContent table.dtaTbl tr {
	text-align: left;
	margin-bottom: 11px;
	background-color: #FFFFFF;
}
.informationBoxContent .PSonly {
	display: none;
}

.informationBoxContent table.dtaTbl th {
	width: 40%;
	min-width: 100px;
	max-width: 140px;
	text-align: left;
	font-weight: 300;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #ECECEC;
}

.informationBoxContent table.dtaTbl td {
	width: 60%;
	min-width: calc(100% - 140px);
	max-width: calc(100% - 100px);
	text-align: left;
	font-weight: 700;
	padding: 3px 0;
	border-bottom: 1px solid #ECECEC;
	line-height: 14px;
}
.informationBoxContent table.dtaTbl td.formationDate.editForm {
	text-align: right;
}
.informationBoxContent table.dtaTbl.professionDtaTbl td:nth-of-type(1) {
	width: calc(60% - 22px);
	min-width: 0;
	max-width: none;
}
.informationBoxContent table.dtaTbl.professionDtaTbl td:nth-of-type(2) {
	width: 22px;
	min-width: 0;
	max-width: none;
	text-align: center;
}
.informationBoxContent table.dtaTbl.addDtaTbl td:nth-of-type(1) {
	width: calc(60% - 22px);
	min-width: 0;
	max-width: none;
}
.informationBoxContent table.dtaTbl.addDtaTbl td:nth-of-type(2) {
	width: 22px;
	min-width: 0;
	max-width: none;
	text-align: center;
}
.informationBoxContent table.dtaTbl ul {
	margin: 0;
	padding: 0;
}

.informationBoxContent table.dtaTbl .css_impair {
	background-color: #F6F6F6;
}

.informationBoxContent table.dtaTbl .deleted {
	background: none;
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
	padding: 6px 0;
}

.informationBoxContent .note {
	white-space: pre-wrap;
}

.informationBoxContent .highlight_error {
	color: rgb(254, 83, 29);
}

.informationBoxContent input[type=text],
.informationBoxContent input[type=date],
.informationBoxContent input[type=datetime],
.informationBoxContent input[type=datetime-local],
.informationBoxContent input[type=time],
.informationBoxContent input[type=password],
.informationBoxContent select,
.informationBoxContent textarea {
	background: none;
	outline: none;
	font-size: 14px;
	font-weight: 700;
	width: calc(100% - 8px);
	max-width: calc(100% - 8px);
	border: 2px solid transparent;
}
.informationBoxContent select {
	max-width: 90%;
}
.informationBoxContent input[type="radio"],
.informationBoxContent input[type="checkbox"] {
	margin: 3px;
}

.informationBoxContent label {
	display: block;
}

.informationBoxContent textarea {
	width: calc(100% - 6px);
	resize: vertical;
}

.informationBoxContent input.errone,
.informationBoxContent select.errone,
.informationBoxContent textarea.errone,
.informationBoxContent .chosen-container.errone,
.informationBoxContent .dropCell.errone {
	border-color: #FF373C;
}
.informationBoxContent .formationDate input[type=date].errone {
	max-width: calc(100% - 113px);
}

.informationBoxContent .inputError {
	position: absolute; /* Par rapport à .informationBoxWrapper */
	width: 60%;
	left: 100%;
	z-index: 1000;
}
.informationBoxContent .inputError.left {
	left: -10px;
}

.informationBoxContent .inputError img {
	position: absolute;
	left: -10px;
}
.informationBoxContent .inputError.left img {
	position: absolute;
	rigth: 0;
}

.informationBoxContent .speWrapper {
	width: calc(100% - 2px);
	padding: 3px 0;
	background-color: #F6F6F6;
	border-bottom: 1px solid #ECECEC;
	color: #3F3E3E;
	font-size: 14px;
}

.informationBoxContent .spe_th {
	display: inline-block;
	width: calc(40% - 10px);
	padding-left: 10px;
	text-align: left;
	font-weight: 300;
}

.informationBoxContent .spe_td {
	display: inline-block;
	width: calc(60% - 6px);
	padding-left: 2px;
	text-align: left;
	font-weight: 700;
	line-height: 14px;
}

.informationBoxContent .cpmWrapper {
	
}
.informationBoxContent .cpmNbEmail {
	margin: 8px 0 6px 0;
}
.informationBoxContent .cpmEmail {
	max-width: calc(100% - 8px);
	max-height: 100px;
	overflow: auto;
	white-space: pre;
	font-weight: 300;
	padding-bottom: 3px;
}
.informationBoxContent .cpmEmailTextarea {
	font-weight: 300;
	font-size: 12px;
}

.informationBoxContent .dropCell {
	padding: 12px 0;
}
.informationBoxContent .placeholder {
	font-style: italic;
    font-size: 12px;
    color: #909090;
    font-weight: 400;
}
.informationBoxContent .suiviSearchbox {}
.informationBoxContent .suiviInputBox {
	display: flex;
	padding: 6px;
	margin-bottom: 6px;
	background-color: #9C9B9B;
}
.informationBoxContent .suiviInputBox .suiviInputWrapper {
	margin-left: 6px;
	display: flex;
    flex-direction: column;
}
.informationBoxContent .suiviInputBox .suiviInputWrapper.first {
	margin-left: 0;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.annee {
	width: 83px;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.intitule {
	min-width: 100px;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.ville {
	min-width: 100px;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.date_debut {
	width: 135px;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.date_fin {
	width: 135px;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.region {
	width: 180px;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.financeur {
	width: 103px;
}
.informationBoxContent .suiviFormationSearchbox .suiviInputWrapper.structure_orga {
	min-width: 100px;
}
.informationBoxContent .suiviInputBox input[type=text] /*, .searchBox .searchBoxInputWrapper .advanced>input[type=text]*/
{
	padding: 0 0 0 37px;
	font-style: italic;
	font-size: 14px;
	font-weight: 300;
	color: #3F3E3E;
	border: none;
	background-image: url(../img/icon/picto_loupe.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-color: #FFF;
}
.informationBoxContent .suiviInputBox input[type=date] {
	padding-left: 6px;
	font-style: italic;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
	color: #3F3E3E;
	border: none;
	background-color: #FFF;
}
.informationBoxContent .suiviInputBox input[type=text], .informationBoxContent .suiviInputBox input[type=date] {
	/*margin: 0 0 5px 0;*/
	/*height: 25px;*/
	flex: 1;
}
.informationBoxContent .suiviInputBox input[type=text] {
	width: calc(100% - 37px);
}
.informationBoxContent .suiviInputBox .chkInputBox {
	background-color: #FFF;
	/*height: 25px;
	font-style: italic;*/
	font-size: 12px;
	font-weight: 300;
	font-family: 'Open Sans';
	color: #3F3E3E;
}
.informationBoxContent .suiviInputBox .chkInputWrapper {
	display: flex;
	justify-content: start;
	align-items: center;
}
.informationBoxContent .suiviInputBox .chkInputWrapper input {
	margin-top: 1px;
	margin-bottom: 1px;
}
.informationBoxContent .suiviInputBox .chkInputWrapper label {}
.informationBoxContent .suiviInputBox .chosen-container {
	background-color: #FFF;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.informationBoxContent .suiviInputBox .chosen-container-single .chosen-single {
	padding-left: 6px;
}
.informationBoxContent .suiviInputBox h4 {
	font-style: italic;
	font-size: 11px;
	font-weight: 300;
	margin: 0;
	padding: 1px 6px;
	text-align: left;
	background-color: #3F3E3E;
	color: #fff;
}
.informationBoxContent .suiviInputBox .nbResults {
	align-self: center;
	padding-left: 6px;
	font-weight: 400;
	font-size: 14px;
}
.informationBoxContent .suiviInputBox .nbResultsVal {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}
.informationBoxContent .suiviInputBox .nbResultsLabel {
	font-weight: 400;
}
.informationBoxContent .suiviboxWrapper {
	height: calc(100% - 80px);
}
.informationBoxContent .suiviboxWrapper.suiviAdhesionBoxWrapper {
	height: calc(100% - 83px);
}
.informationBoxContent .suivibox {
	font-size: 12px;
}
.informationBoxContent .suiviRowTh {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.informationBoxContent .suiviCellTh {
	display: flex;
    flex-direction: column;
    justify-content: center;
	text-align: center;
	padding: 10px;
	border: 1px solid #AAA;
	border-left: none;
	font-weight: 400;
	color: #333;
	background-color: #AECFDB;
	background-image: url(../img/icon/picto_tri_double.svg);
	background-position: calc(100% - 5px) center;
	background-size: 10px 13px;
	background-repeat: no-repeat;
}
.informationBoxContent .suiviCellTh.tri_asc {
	background-image: url(../img/icon/picto_tri_asc.svg);
}
.informationBoxContent .suiviCellTh.tri_desc {
	background-image: url(../img/icon/picto_tri_desc.svg);
}
.informationBoxContent .suiviCellTh.btn:hover {
	background-color: #21C2F8;
	color: #FFF;
}
.informationBoxContent .suiviRow {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #FFF;
}
.informationBoxContent .suiviRow.css_impair {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #F6F6F6;
}
.informationBoxContent .suiviCell {
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px;
	text-align: center;
	/*border: 1px solid #AAA;*/
	border: 1px solid #ECECEC;
	border-left: none;
	/*background-color: #ECECEC;*/
}
.informationBoxContent .suiviFormationBox .suiviCellTh.formation,
.informationBoxContent .suiviFormationBox .suiviCell.formation {
 	flex-grow: 1;
    flex-basis: 0;
	max-width: 500px;
}
.informationBoxContent .suiviFormationBox .suiviCellTh.annee,
.informationBoxContent .suiviFormationBox .suiviCell.annee {
	width: 73px;
}
.informationBoxContent .suiviFormationBox .suiviCellTh.date,
.informationBoxContent .suiviFormationBox .suiviCell.date {
	width: 87px;
}
.informationBoxContent .suiviFormationBox .suiviCellTh.ville,
.informationBoxContent .suiviFormationBox .suiviCell.ville {
 	width: 17%;
	max-width: 250px;
}
.informationBoxContent .suiviFormationBox .suiviCellTh.statut,
.informationBoxContent .suiviFormationBox .suiviCell.statut {
	width: 73px;
}
.informationBoxContent .suiviFormationBox .suiviCellTh.checklist,
.informationBoxContent .suiviFormationBox .suiviCell.checklist {
 	flex-grow: 1;
    flex-basis: 0;
	min-width: 365px;
}
.informationBoxContent .suiviFormationBox .suiviCellTh.remplissage,
.informationBoxContent .suiviFormationBox .suiviCell.remplissage {
	width: 109px;
}
.informationBoxContent .suiviCell .cl_item {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 6px;
	margin: 1px;
}
.informationBoxContent .suiviFormationBox .suiviCell.formation {
	text-align: left;
	padding: 0;
	padding-left: 36px;
	background-image: url(../img/icon/picto_formation_fiche.png);
	color: #3F3E3E;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.informationBoxContent .suiviFormationBox .suiviCell.formation:hover {
	opacity: 0.5;
}
.informationBoxContent .suiviFormationBox .suiviCell.annee {}
.informationBoxContent .suiviFormationBox .suiviCell.date {}
.informationBoxContent .suiviFormationBox .suiviCell.ville {}
.informationBoxContent .suiviFormationBox .suiviCell.statut {
	font-weight: 700;
}
.informationBoxContent .suiviFormationBox .suiviCell.statut.statut_0 {
	color: red;
}
.informationBoxContent .suiviFormationBox .suiviCell.statut.statut_1 {
	color: blue;
}
.informationBoxContent .suiviFormationBox .suiviCell.statut.statut_2 {
	color: orange;
}
.informationBoxContent .suiviFormationBox .suiviCell.statut.statut_3 {
	color: green;
}
.informationBoxContent .suiviFormationBox .suiviCell.checklist {
	font-weight: 400;
	padding-left: 6px;
	text-align: left;
	line-height: 16px;
}
.informationBoxContent .suiviFormationBox .suiviCell.checklist .ok {
	background-color: #9ABE31;
	color: #FFF;
}
.informationBoxContent .suiviFormationBox .suiviCell.checklist .nok {
	background-color: #FF373C;
	color: #FFF;
}
.informationBoxContent .suiviFormationBox .suiviCell.checklist .nok.orange {
	background-color: #EC7D07;
}
.informationBoxContent .suiviFormationBox .suiviCell.checklist .nok:hover {
	background-color: #21C2F8;
}
.informationBoxContent .suiviFormationBox .suiviCell.remplissage {
	font-weight: 700;
}
.informationBoxContent .suiviFormationBox .suiviCell.remplissage.remplissage_0 {
	color: red;
}
.informationBoxContent .suiviFormationBox .suiviCell.remplissage.remplissage_25 {
	color: orange;
}
.informationBoxContent .suiviFormationBox .suiviCell.remplissage.remplissage_50 {
	color: purple;
}
.informationBoxContent .suiviFormationBox .suiviCell.remplissage.remplissage_75 {
	color: blue;
}
.informationBoxContent .suiviFormationBox .suiviCell.remplissage.remplissage_100 {
	color: green;
}
.informationBoxContent .suiviFormationBox .suiviCell .infobulleBox:hover .infobulle {
	display: inline-block;
	position: absolute;
	z-index: 10;
	width: 300px;
	top: 12px;
	background: #FFF;
	color: #333;
	padding: 12px;
	white-space: normal;
	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
}
.informationBoxContent .suiviFormationBox .suiviCell .infobulleBox:hover .infobulle {
	left: 12px;
}
.informationBoxContent .suiviFormationBox .suiviCell .infobulleBox.left:hover .infobulle {
	left: -312px;
}
.informationBoxContent .suiviFormationBox .suiviCell .infobulle ul {
	margin: 0;
	padding: 0 0 0 12px;
}

.informationBoxContent .listElection {
	width: 100%;
	height: 100%;
}
.informationBoxContent .listElection .cell {
	display: inline-block;
	height: 30px;
	margin-right: 5px;
	margin-top: 2px;
	vertical-align: top;
	background-color: #FFF;
}
.informationBoxContent .listElection .cell.activeDrop {
	opacity: 0.5;
}
.informationBoxContent .listElection .cell.right{
	margin-right: 0px;
}
.informationBoxContent .listElection .numeroCandidatWrapper {
	display: inline-block;
	width: 21px;
	height: 100%;
	background-color: #A0BF38;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	vertical-align: top;
}
.informationBoxContent .listElection .numeroCandidat {
	line-height: 30px;
}
.informationBoxContent .listElection .itemCandidat {
	display: inline-block;
	width: calc(100% - 21px);
	cursor: move;
}
.informationBoxContent .listElection .labelCandidatWrapper {
	position: relative;
	width: calc(100% - 4px);
	height: 26px;
	padding: 2px;
	background-color: #FFF;
	font-size: 12px;
}
.informationBoxContent .listElection  .labelCandidatWrapper.cpJaune {
	background-color: #F4EA6A;
}
.informationBoxContent .listElection  .labelCandidatWrapper.cpVert {
	background-color: #DAEA92;
}
.informationBoxContent .listElection  .labelCandidatWrapper.cpRouge {
	background-color: #E74D50;
}
.informationBoxContent .listElection .labelCandidat {
	width: calc(100% - 30px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 4px;
	line-height: 13px;
}
.informationBoxContent .listElection .clientStatutBtn {
	position: absolute;
	top: 9px;
	right: 20px;
}
.informationBoxContent .listElection .clientInfoBtn {
	position: absolute;
	top: 2px;
	right: 2px;
}
.informationBoxContent .listElection .clientInfoEluBtn {
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.informationBox ::-webkit-input-placeholder {
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	color: #999;
}

.informationBox ::-webkit-scrollbar {
	width: 12px;
	height: 18px;
	border-radius: 6px;
	background-color: #ECECEC;
}

.informationBox ::-webkit-scrollbar-track-piece {
	border: solid 0px #ECECEC;
	border-left-width: 6px;
	border-radius: 3px;
	border-top-left-radius: 9px 3px;
	border-bottom-left-radius: 9px 3px;
	background-color: #C5C5C5;
	margin: 10px;
}

.informationBox ::-webkit-scrollbar-track-piece:horizontal {
	border: solid 0px #ECECEC;
	border-top-width: 6px;
	border-bottom-width: 6px;
	-webkit-border-radius: 9px;
	-webkit-border-top-left-radius: 3px 9px;
	-webkit-border-top-right-radius: 3px 9px;
	-webkit-border-bottom-right-radius: 3px 9px;
	-webkit-border-bottom-left-radius: 3px 9px;
}

.informationBox ::-webkit-scrollbar-thumb {
	border: solid 0 #ECECEC;
	border-left-width: 6px;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 12px 4px;
	-webkit-border-bottom-left-radius: 12px 4px;
	-webkit-box-shadow: inset 0 0 0 1px #5F5F5E, inset 0 0 0 6px #6F6F6E;
}

.informationBox ::-webkit-scrollbar-thumb:horizontal {
	border: solid 0 #ECECEC;
	border-top-width: 6px;
	border-bottom-width: 6px;
	-webkit-border-radius: 9px;
	-webkit-border-top-right-radius: 3px 9px;
	-webkit-border-top-left-radius: 3px 9px;
	-webkit-border-bottom-right-radius: 3px 9px;
	-webkit-border-bottom-left-radius: 3px 9px;
}

.informationBox ::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 0 1px #7F7F7E, inset 0 0 0 6px #8F8F8E;
}

.informationBox ::-webkit-scrollbar-corner {
	background-color: #ECECEC;
}

.informationBoxContent table.dtaTbl tr ::-webkit-scrollbar, .informationBoxContent table.dtaTbl tr ::-webkit-scrollbar-corner  {
	background-color: #FFF;
}
.informationBoxContent table.dtaTbl tr ::-webkit-scrollbar-track-piece, .informationBoxContent table.dtaTbl tr ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #FFF;
}
.informationBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar, .informationBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar-corner  {
	background-color: #F6F6F6;
}
.informationBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar-track-piece, .informationBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #F6F6F6;
}
.contentDiv_formation .informationBoxContent::-webkit-scrollbar, .contentDiv_formation .informationBoxContent::-webkit-scrollbar-corner  {
	background-color: rgb(216, 216, 216);
}
.contentDiv_formation .informationBoxContent::-webkit-scrollbar-track-piece, .contentDiv_formation .informationBoxContent::-webkit-scrollbar-track-piece:horizontal,
.contentDiv_formation .informationBoxContent::-webkit-scrollbar-thumb, .contentDiv_formation .informationBoxContent::-webkit-scrollbar-thumb:horizontal {
	border-color: rgb(216, 216, 216);
}
.colDefBox {
	display: flex;
	margin-top: 6px;
	align-items: center;
	background-color: #fff;
}
.colDefBox.css_impair {
	background-color: #F6F6F6;
}
.colDefBoxH {
	width: 15%;
	text-align: center;
	
	font-size: 14px;
	color: #3F3E3E;
}
.colDefBoxB {
	width: 100%;
}
.colDefBoxBtn {
	padding-left: 10px;
	padding-right: 10px;
}
.tdValColDefBox {
	display: flex;
	justify-content: space-between;
}
.informationBoxContent table.dtaTbl td.tdValColDefBox {
	width: auto;
	min-width: 0;
	max-width: none;
}
.delValColDefBox {
	margin-right: 9px;
}
.firstAddVal.addValColDefBox {
	margin-right: 10px;
}
.noValColDefBox {
	display: inline-block;
}
.informationW.center {
	text-align: center;
}

/***** COMPLEMENTBOX *****/
.complementBoxWrapper {
	position: absolute;
	width: 35%;
	height: 100%;
	background-color: #D9D9D9;
	margin-left: calc(40% + 6px);
}

.complementBox {
	width: 100%;
	height: 100%;
}

.complementBox h2 {
	width: calc(100% - 20px);
}

.complementBox h3 {
	width: calc(100% - 6px);
}

.complementBoxContent {
	height: calc(100% - 24px);
	width: 100%;
	overflow: auto;
}

.complementBoxContent table.dtaTbl {
	width: 100%;
	color: #3F3E3E;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}

.complementBoxContent table.dtaTbl tbody tr {
	text-align: left;
	margin-bottom: 11px;
	background-color: #FFFFFF;
}
.complementBoxContent table.dtaTbl tbody tr.PSonly {
	display: none;
}

.complementBoxContent table.dtaTbl tbody tr th {
	width: 40%;
	min-width: 100px;
	max-width: 140px;
	text-align: left;
	font-weight: 300;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #ECECEC;
}

.complementBoxContent table.dtaTbl tbody tr td {
	width: 60%;
	min-width: calc(100% - 140px);
	max-width: calc(100% - 100px);
	text-align: left;
	font-weight: 700;
	padding: 3px 0;
	border-bottom: 1px solid #ECECEC;
	line-height: 14px;
}
.complementBoxContent table.dtaTbl tbody tr td.formationDate.editForm {
	text-align: right;
}
.complementBoxContent table.dtaTbl.professionDtaTbl tbody tr td:nth-of-type(1) {
	width: calc(60% - 22px);
	min-width: 0;
	max-width: none;
}
.complementBoxContent table.dtaTbl.professionDtaTbl tbody tr td:nth-of-type(2) {
	width: 22px;
	min-width: 0;
	max-width: none;
}
.complementBoxContent table.dtaTbl ul {
	margin: 0;
	padding: 0;
}

.complementBoxContent table.dtaTbl.historique tbody tr th {
	width: 150px;
	max-width: 150px;
}

.complementBoxContent table.dtaTbl.historique tbody tr td {
	width: calc(100% - 150px);
}

.complementBoxContent table.dtaTbl tbody .css_impair {
	background-color: #F6F6F6;
}

.complementBoxContent table.dtaTbl .deleted {
	background: none;
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
	padding: 6px 0;
}

.complementBoxContent .note {
	white-space: pre-wrap;
}

.complementBoxContent .highlight_error {
	color: rgb(254, 83, 29);
}

.complementBoxContent input[type=text],
.complementBoxContent input[type=date],
.complementBoxContent input[type=datetime],
.complementBoxContent input[type=datetime-local],
.complementBoxContent input[type=time],
.complementBoxContent input[type=password],
.complementBoxContent select,
.complementBoxContent textarea {
	border: none;
	background: none;
	outline: none;
	font-size: 14px;
	font-weight: 700;
	width: calc(100% - 6px);
	max-width: calc(100% - 6px);
	margin-left: 0;
}
.complementBoxContent input[type="radio"],
.complementBoxContent input[type="checkbox"] {
	margin: 3px;
}

.complementBoxContent label {
	display: block;
}

.complementBoxContent textarea {
	width: calc(100% - 6px);
	resize: vertical;
}

.complementBoxContent input.errone,
.complementBoxContent select.errone,
.complementBoxContent textarea.errone,
.complementBoxContent .chosen-container.errone,
.complementBoxContent .dropCell.errone {
	border: 2px solid #FF373C;
}
.complementBoxContent .formationDate input[type=date].errone {
	max-width: calc(100% - 113px);
}

.complementBoxContent .inputError {
	position: absolute; /* Par rapport à .informationBoxWrapper */
	width: 60%;
	left: 100%;
	z-index: 1000;
}
.complementBoxContent .inputError.left {
	left: -10px;
}

.complementBoxContent .inputError img {
	position: absolute;
	left: -10px;
}
.complementBoxContent .inputError.left img {
	position: absolute;
	right: -10px;
	left: auto;
}

.complementBoxContent .chosen-container {
	/*max-width: calc(100% - 100px); !!!!!!!!!!! A VOIR !!!!!!!!!!! */
	
}

.complementBoxContent .campagneBtnBox {
	text-align: center;
}

.complementBoxContent .campagneBtnWrapper {
	display: inline-block;
}

.complementBoxContent .campagneBtnWrapper .exportCampagneBtn {
	margin: 12px 0;
	padding-left: 22px;
	background-image: url(../img/icon/picto_export.png);
	background-position: 4px 4px;
	background-repeat: no-repeat;
}
.complementBoxContent .campagneContentWrapper {
	width: calc(100% - 6px);
	height: calc(75% - 21px);
	overflow: auto;
	border: none;
	padding: 0;
	resize: none;
	outline: none;
	font-style: normal;
	font-weight: 300;
	margin-left: 6px;
}
.complementBoxContent .campagneContentWrapper .campagneContent {
	/*transform: scale(0.5);*/
	height: calc(100% - 9px);
	resize: none;
}
.complementBoxContent .campagneTxtContentWrapper {
	width: calc(100% - 6px);
	height: calc(25% - 30px);
	overflow: auto;
	border: none;
	padding: 0;
	resize: none;
	outline: none;
	font-style: normal;
	font-weight: 300;
	margin-left: 6px;
}
.complementBoxContent .campagneTxtContentWrapper .campagneTxtContent {
	/*transform: scale(0.5);*/
	height: calc(100% - 9px);
	resize: none;
}


.complementBoxContent .campagneContentWrapper.sum {
	height: 100%;
	width: calc(100% - 12px);
	max-height: calc(100% - 292px);
	overflow: auto;
	padding: 0;
	margin-left: 6px;
	resize: none;
	/*background-color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	white-space: pre-wrap;*/
}

.complementBoxContent .campagneRapport.sum {
	width: calc(100% - 24px);
	overflow: auto;
	margin-left: 6px;
	padding: 6px;
	background-color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	height: 173px;
}

.complementBoxContent textarea {
	width: calc(100% - 9px);
	background: #FFF;
}

.complementBoxContent .campagneRapport .rapportTotal {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #21C2F8;
	margin-bottom: 15px;
	padding-bottom: 4px;
}
.complementBoxContent .campagneRapport .rapportTotal .rapportTotalTxt {
	display: inline-block;
	font-weight: 700;
}
.complementBoxContent .campagneRapport .rapportTotal .rapportTotalNb {
	display: inline-block;
	font-size: 28px;
	font-weight: 700;
	color: #21C2F8;
	margin-left: 20px;
}
.complementBoxContent .campagneRapport .rapportTotal .rapportPlusInfo {
	position: absolute;
	top: 0;
	right: 0;
}
.complementBoxContent .campagneRapport .rapportAutre {
	width: 100%;
	color: #3F3E3E;
}
.complementBoxContent .campagneRapport .rapportAutre table {
	width: 100%;
}
.complementBoxContent .campagneRapport .rapportAutre td {
	text-align: center;
}
.complementBoxContent .campagneRapport .rapportAutre .td33 {
	width: 33%;
}
.complementBoxContent .campagneRapport .rapportAutre .rapportRemisNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.complementBoxContent .campagneRapport .rapportAutre .rapportOKNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.complementBoxContent .campagneRapport .rapportAutre .rapportBINb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.complementBoxContent .campagneRapport .rapportAutre .rapportBPNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.complementBoxContent .campagneRapport .rapportAutre .rapportKONb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.complementBoxContent .campagneRapport .rapportAutre .rapportClicNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.complementBoxContent .campagneRapport .rapportAutre .bleu{
	color: #21C2F8;
}
.complementBoxContent .campagneRapport .rapportAutre .tbBas{
	padding-top: 12px;
	padding-bottom: 12px;
}
.campagneStatRapport {
	height: calc(100% - 12px);
}
.campagneStatRapport .bleu {
	color: #21C2F8;
}
.campagneStatRapport .statInfo {
	text-align: center;
}
.campagneStatRapport .statChiffreWrapper {
	width: 100%;
	margin-top : 12px;
}
.campagneStatRapport .statChiffreWrapper .statChiffreBoxGrand {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	vertical-align: top;
}
.campagneStatRapport .statChiffreWrapper .statChiffreBoxGrand.statDest {
	margin-right: 40px;
}
.campagneStatRapport .statChiffreWrapper .statChiffreBoxGrand.statTClic {
	margin-left: 40px;
}
.campagneStatRapport .statChiffreWrapper .statChiffreBoxGrand .statChiffreGrand {
	font-size: 28px;
	font-weight: 700;
}
.campagneStatRapport .statChiffreWrapper .statChiffreBox {
	display: inline-block;
	text-align: center;
	padding: 0 20px;
	vertical-align: top;
	font-size: 14px;
	line-height: 16px;
	border-right: 1px solid #21C2F8;
}
.campagneStatRapport .statChiffreWrapper .statChiffreBox.statEnd {
	border-right: none;
}
.campagneStatRapport .statChiffreWrapper .statChiffreBox .statChiffre {
	font-size: 20px;
	font-weight: 700;
}
.campagneStatRapport .statClicWrapper {
	margin-top: 30px;
}
.campagneStatRapport .statClicWrapper .statClicTitle {
	font-size: 18px;
}
.campagneStatRapport .statClicWrapper table {
	width: 100%;
	text-align: left;
}
.campagneStatRapport .statClicWrapper tbody tr {
	background-color: #FFF;
}
.campagneStatRapport .statClicWrapper tbody tr.css_impair {
	background-color: #F6F6F6;
}
.campagneStatRapport .statClicWrapper .statHeaderTbl {
	margin-top: 12px;
}
.campagneStatRapport .statClicWrapper .statDataTbl {
	overflow-y: auto;
}
.campagneStatRapport .statClicWrapper th {
	border-right: 1px solid #21C2F8;
	font-size: 16px;
	padding: 6px;
}
.campagneStatRapport .statClicWrapper th:hover {
	background-color: #21C2F8;
}
.campagneStatRapport .statClicWrapper th.statChiffreNum {
	width: 40px;
	text-align: center;
	border-right: 1px solid #21C2F8;
}
.campagneStatRapport .statClicWrapper th.statChiffre {
	width: 80px;
	text-align: center;
	border-right: 1px solid #21C2F8;
}
.campagneStatRapport .statClicWrapper th.statEnd {
	width: 100px;
	text-align: center;
	border-right: 1px solid #2E373C;
}
.campagneStatRapport .statClicWrapper th.tri.triAsc {
	background-image: url(../img/icon/tri_croissant_10x10.png);
    background-position: calc(100% - 5px) center;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
.campagneStatRapport .statClicWrapper th.tri.triDesc {
	background-image: url(../img/icon/tri_decroissant_10x10.png);
    background-position: calc(100% - 5px) center;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
.campagneStatRapport .statClicWrapper td {
	border-right: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	padding: 6px;
	color: #3F3E3E;
	word-break: break-all;
}
.campagneStatRapport .statClicWrapper td.statChiffreNum {
	width: 40px;
	text-align: center;
	font-weight: 700;
}
.campagneStatRapport .statClicWrapper td.statChiffre {
	width: 80px;
	text-align: center;
	font-weight: 700;
}
.campagneStatRapport .statClicWrapper td.statEnd {
	width: 100px;
	text-align: center;
	font-weight: 700;
	color: #21C2F8;
}
.campagneStatRapport .statDataTbl::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #2E373C;
}

.campagneStatRapport .statDataTbl::-webkit-scrollbar-track-piece {
	border: solid 0px #2E373C;
	border-left-width: 6px;
	border-radius: 3px;
	border-top-left-radius: 9px 3px;
	border-bottom-left-radius: 9px 3px;
	background-color: #2E373C;
	margin: 10px;
}

.campagneStatRapport .statDataTbl::-webkit-scrollbar-track-piece:horizontal {
	border: solid 0px #2E373C;
	border-top-width: 6px;
	border-radius: 3px;
	border-top-left-radius: 3px 9px;
	border-top-right-radius: 3px 9px;
}

.campagneStatRapport .statDataTbl::-webkit-scrollbar-thumb {
	border: solid 0 transparent;
	border-left-width: 6px;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 12px 4px;
	-webkit-border-bottom-left-radius: 12px 4px;
	-webkit-box-shadow: inset 0 0 0 1px #5F5F5E, inset 0 0 0 6px #6F6F6E;
}

.campagneStatRapport .statDataTbl::-webkit-scrollbar-thumb:horizontal {
	border: solid 0 transparent;
	border-top-width: 6px;
	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 4px 12px;
	-webkit-border-top-left-radius: 4px 12px;
}

.campagneStatRapport .statDataTbl::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 0 1px #7F7F7E, inset 0 0 0 6px #8F8F8E;
}

.campagneStatRapport .statDataTbl::-webkit-scrollbar-corner {
	background-color: #2E373C;
}

.complementBoxContent .CampEmailEditWrapper, .complementBoxContent .CampPapierEditWrapper,
.complementBoxContent .CampFaxEditWrapper, .complementBoxContent .CampSMSEditWrapper{
	width: 100%;
	height: calc(100% - 30px);
}
.complementBoxContent .CampEmailWrapper, .complementBoxContent .CampPapierWrapper,
.complementBoxContent .CampFaxWrapper, .complementBoxContent .CampSMSWrapper{
	width: 100%;
	height: calc(100% - 77px);
}
.complementBoxContent .CampPapierWrapper iframe, .complementBoxContent .CampFaxWrapper iframe, .complementBoxContent .CampSMSWrapper iframe,
.complementBoxContent .CampPapierEditWrapper iframe, .complementBoxContent .CampFaxEditWrapper iframe, .complementBoxContent .CampSMSEditWrapper iframe {
	width: calc(100% - 4px);
	height: 100%;
}
.complementBoxContent .fichierWrapper {
	width: 100%;
	height: calc(100% - 77px);
}
.complementBoxContent .fichierEditWrapper {
	width: 100%;
	height: calc(100% - 30px);
}
.complementBoxContent .fichierEditWrapper.signature {
	text-align: center;
}
.complementBoxContent .fichierWrapper iframe, .complementBoxContent .fichierEditWrapper iframe {
	width: calc(100% - 4px);
	height: 100%;
}
.complementBoxContent .fichierEdit {
	height: 100%;
}
.complementBoxContent #fileupload {
	height: calc(100% - 29px);
}
.complementBoxContent .fichierEdit .inputWrapper {
	position: relative;
	overflow: hidden;
	height: 120px;
	top: 40px;
    background-image: url(../img/import_box_308x120.png);
    background-position: center;
    background-size: 308px 120px;
    background-repeat: no-repeat;
}
.complementBoxContent .fichierEditWrapper.signature .fichierEdit .inputWrapper {
	height: 93px;
    background-size: 238px;
    top: 0;
}
.complementBoxContent .fichierEdit .inputWrapper input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
.complementBoxContent .fichierEditContent {
	position: relative;
	border: 1px dashed #666;
	padding: 10px;
	margin: 5px;
	background-color: #eee;
}
.complementBoxContent .fichierEditContent .filename {
	display: inline-block;
	width: 75%;
}
.complementBoxContent .fichierEditContent .size {
	display: inline-block;
	width: 25%;
}
.complementBoxContent .fichierEditWrapper.signature .fichierEditContent .filename {
	width: 67%;
}
.complementBoxContent .fichierEditWrapper.signature .fichierEditContent .size {
	width: 33%;
}
.complementBoxContent .fichierEditContent .fileBoxBtnWrapper {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.complementBoxContent .fichierBtnBox {
	text-align: center;
}

.complementBoxContent .fichierBtnWrapper {
	display: inline-block;
}
.complementBoxContent .fichierEditContent .delete, .complementBoxContent .deleteUploaded {
	width: auto;
	padding-left: 28px;
	background-image: url(../img/icon/picto_trash_petit_19x16.png);
	background-position: 4px 4px;
    background-size: 19px 16px;
    background-repeat: no-repeat;
}
.complementBoxContent .campagneBtnWrapper .deleteUploaded,
.complementBoxContent .fichierBtnWrapper .deleteUploaded {
	margin: 12px 0;
}
.complementBoxContent .fichierEdit .ui-progressbar,
.complementBoxContent .fichierEditProgressbar .ui-progressbar {
	position: relative;
}
.complementBoxContent .fichierEdit .progressBar,
.complementBoxContent .fichierEditProgressbar .progressBar {
	height: 15px;
	border-radius: 4px;
	width: 80%;
	margin: auto;
}
.complementBoxContent .fichierEdit .progressLabel,
.complementBoxContent .fichierEditProgressbar .progressLabel {
	position: absolute;
	left: 48%;
	top: 2px;
	font-size: 12px;
}
.complementBoxContent .jqte {
	height: 100%;
	width: calc(100% - 6px);
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	overflow: auto;
}

.complementBoxContent .jqte_editor {
	max-height: calc(100% - 85px);
	resize: none;
}

.complementBoxContent .jqte_source {
	height: 100%;
	max-height: calc(100% - 59px);
	resize: none;
}

.complementBoxContent .jqte_source textarea {
	resize: none;
}

.complementBoxContent .ListElectionProvisoire {
	width: 100%;
	height: 100%;
}
.complementBoxContent .ListElectionProvisoire.activeDrop {
	background-color: #E6E6E6;
}
.complementBoxContent .ListElectionProvisoire .itemCandidat {
	display: inline-block;
	width: 100%;
	height: 30px;
	margin-top: 2px;
	cursor: move;
}
.complementBoxContent .ListElectionProvisoire .labelCandidatWrapper {
	position: relative;
	width: calc(100% - 4px);
	height: 26px;
	padding: 2px;
	background-color: #FFF;
	font-size: 12px;
}		
.complementBoxContent .ListElectionProvisoire .labelCandidatWrapper.cpJaune {
	background-color: #F4EA6A;
}
.complementBoxContent .ListElectionProvisoire .labelCandidatWrapper.cpVert {
	background-color: #DAEA92;
}
.complementBoxContent .ListElectionProvisoire .labelCandidatWrapper.cpRouge {
	background-color: #E74D50;
}	
.complementBoxContent .ListElectionProvisoire .labelCandidat {
	width: calc(100% - 14px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 4px;
	line-height: 13px;
}
.complementBoxContent .ListElectionProvisoire .clientStatutBtn {
	position: absolute;
	top: 9px;
	right: 20px;
}
.complementBoxContent .ListElectionProvisoire .clientInfoBtn {
	position: absolute;
	top: 2px;
	right: 2px;
}
.complementBoxContent .ListElectionProvisoire .clientInfoEluBtn {
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.complementBox ::-webkit-input-placeholder {
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	color: #999;
}

.complementBox ::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: #D9D9D9;
}

.complementBox ::-webkit-scrollbar-track-piece {
	border: solid 0px #D9D9D9;
	border-left-width: 6px;
	border-radius: 3px;
	border-top-left-radius: 9px 3px;
	border-bottom-left-radius: 9px 3px;
	background-color: #D9D9D9;
	margin: 10px;
}

.complementBox ::-webkit-scrollbar-track-piece:horizontal {
	border: solid 0px #D9D9D9;
	border-top-width: 6px;
	border-radius: 3px;
	border-top-left-radius: 3px 9px;
	border-top-right-radius: 3px 9px;
}

.complementBox ::-webkit-scrollbar-thumb {
	border: solid 0 transparent;
	border-left-width: 6px;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 12px 4px;
	-webkit-border-bottom-left-radius: 12px 4px;
	-webkit-box-shadow: inset 0 0 0 1px #5F5F5E, inset 0 0 0 6px #6F6F6E;
}

.complementBox ::-webkit-scrollbar-thumb:horizontal {
	border: solid 0 transparent;
	border-top-width: 6px;
	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 4px 12px;
	-webkit-border-top-left-radius: 4px 12px;
}

.complementBox ::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 0 1px #7F7F7E, inset 0 0 0 6px #8F8F8E;
}

.complementBox ::-webkit-scrollbar-corner {
	background-color: #D9D9D9;
}

.complementBoxContent table.dtaTbl tr ::-webkit-scrollbar, .complementBoxContent table.dtaTbl tr ::-webkit-scrollbar-corner  {
	background-color: #FFF;
}
.complementBoxContent table.dtaTbl tr ::-webkit-scrollbar-track-piece, .complementBoxContent table.dtaTbl tr ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #FFF;
}
.complementBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar, .complementBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar-corner  {
	background-color: #F6F6F6;
}
.complementBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar-track-piece, .complementBoxContent table.dtaTbl tr.css_impair ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #F6F6F6;
}
.complementBoxContent iframe {
	background-color: #FFF;
}
.complementBoxContent iframe::-webkit-scrollbar-thumb {
	border-color: #D9D9D9;
}
.complementBoxContent iframe::-webkit-scrollbar-thumb:horizontal {
	border-color: #D9D9D9;
}

.informationBoxContent .formationDate .dateLabel, .complementBoxContent .formationDate .dateLabel {
	display: inline-block;
	width: 30px;
	margin-right: 6px;
	font-style: italic;
	font-size: 12px;
	font-weight: 300;
}
.informationBoxContent .formationDate .dateValue, .complementBoxContent .formationDate .dateValue {
	font-weight: 400;
}
.informationBoxContent .formationDate input, .complementBoxContent .formationDate input {
	width: auto;
	max-width: calc(100% - 6px);
	font-size: 12px;
}

/***** SEARCHBOX *****/
.searchBoxWrapper {
	position: absolute;
	width: calc(25% - 12px);
	height: 100%;
	margin-left: calc(75% + 12px);
}

.searchBoxWrapper .SBOngletBar {
	height: 25px;
}
.searchBoxWrapper .SBOnglet {
	display: inline-block;
	height: 25px;
	padding: 0 5px 0 5px;
	background-color: #9C9B9B;
	color: #FFFFFF;
	/*font-weight: 700;*/
	line-height: 25px;
	font-size: 13px;
	text-align: center;
}
.searchBoxWrapper .SBOnglet.selected {
	background-color: #6F6F6E;
}
.searchBoxWrapper .SBOnglet:hover {
	background-color: #21C2F8;
}

.searchBoxWrapper .SBOngletElection {
	padding-left: 21px;
	background-image: url(../img/icon/picto_liste_petit.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 5px;
}
.searchBoxWrapper .SBOngletAnnuaire {
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/icon/picto_annuaire_petit.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 5px;
}
.searchBoxWrapper .SBOngletFormationProjet {
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/icon/picto_projet_petit.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 5px;
}

.searchBoxWrapper .searchBox {
	height: 100%;
	background-color: #9C9B9B;
}

.searchBox .searchBoxContent {
	width: calc(100% - 6px);
	height: calc(100% - 34px);
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 10px;
}

.searchBox .advancedSearch {
	text-align: center;
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 9;
}

.searchBox .advancedSearch:hover {
	opacity: 0.5;
}

.searchBox .searchBoxInputWrapper {
	text-align: center;
}

.searchBox .searchBoxInputInlineWrapper {
	text-align: justify;
	margin-top: 6px;
}
.searchBox .searchBoxInputInline {
	display: inline-block;
	width: calc(50% - 3px);
	vertical-align: top;
}
.searchBox .searchBoxInputInline:nth-child(even) {
	margin-left: 6px;
}

.searchBox.sb_formation .searchBoxContent {
    width: calc(100% - 12px);
    margin-top: 0;
}
.searchBox .searchBoxInputContentFormation {
	display: inline-block;
	width: calc(50% - 3px);
	vertical-align: top;
	margin-left: 3px;
	margin-top: 6px;
}
.searchBox .searchBoxInputContentProjet {
	display: inline-block;
	width: calc(50% - 3px);
	vertical-align: top;
	margin-right: 3px;
	margin-top: 6px;
}



.searchBox .searchBoxInputWrapper input[type=text] /*, .searchBox .searchBoxInputWrapper .advanced>input[type=text]*/
{
	width: calc(100% - 43px);
	height: 22px;
	padding: 0 0 0 37px;
	margin: 0 0 10px 0;
	font-style: italic;
	font-size: 14px;
	font-weight: 300;
	color: #3F3E3E;
	border: none;
	background-image: url(../img/icon/picto_loupe.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
.searchBox .searchBoxInputWrapper input[type=date] {
	width: calc(100% - 6px);
	height: 22px;
	margin: 0 0 10px 0;
	padding-left: 6px;
	font-style: italic;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans';
	color: #3F3E3E;
	border: none;
}
.searchBox.sb_formation .searchBoxInputWrapper input[type=text], .searchBox.sb_formation .searchBoxInputWrapper input[type=date] {
	margin: 0 0 5px 0;
	height: 25px;
}
.searchBox.sb_formation .searchBoxInputWrapper input[type=text] {
	width: calc(100% - 37px);
}

.searchBox.sb_formation .searchBoxInputWrapper h4 {
	width: calc(100% - 6px);
	font-style: italic;
	font-size: 11px;
	font-weight: 300;
	margin: 0;
	padding: 1px 0 1px 6px;
	text-align: left;
	background-color: #3F3E3E;
	color: #fff;
}
.searchBox .chkboxOptW {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: 3px;
}
.searchBox .chkboxWrapper {
	text-align: left;
	color: #3f3e3e;
	font-size: 13px;
	font-weight: 700;
}
.searchBox .chkboxOptW .chkboxWrapper label {
	display: block;
	width: calc(100% - 12px);
	font-style: italic;
	font-size: 11px;
	font-weight: 300;
	margin: 0;
	padding: 1px 0 1px 6px;
	text-align: left;
	background-color: #3F3E3E;
	color: #fff;
}
.searchBox .chkboxOptW .chkboxWrapper {
	flex-basis: 50%;
	max-width: 50%;
	font-size: 12px;
}
.searchBox .chkboxOptW .chkboxWrapper .chosen-container-single .chosen-single {
	height: 18px;
	font-size: 12px;
	line-height: 14px;
}
.searchBox .chkboxOptW .chkboxWrapper .chosen-container-single .chosen-single div b {
	background-position-y: 0px;
}
.searchBox .chkboxOptW .chkboxWrapper .chosen-container-single .chosen-single span {
	margin-top: 2px;
}
.searchBox .chkboxOptW .chkboxWrapper .chosen-container-single .chosen-single abbr {
	top: 3px;
}
.searchBox .chkboxWrapper.last {
	margin-bottom: 6px;
}

.searchBox input[name^=export_btn] {
	padding-left: 22px;
	padding-right: 10px;
	background-image: url(../img/icon/picto_export.png);
	background-position: 4px 4px;
	background-repeat: no-repeat;
}

.searchBox .searchBoxInputWrapper .chosen-container {
	margin: 0 0 10px 0;
	text-align: left;
}
.searchBox.sb_formation .searchBoxInputWrapper .chosen-container {
	margin: 0 0 5px 0;
}
.searchBoxInputWrapper .chosen-container .chosen-drop {
	border: 1px solid #FFF;
	box-shadow: none;
}

.searchBoxInputWrapper .chosen-container-single .chosen-single {
	border: 1px solid #FFF;
	border-radius: 0;
	background: none;
	background-color: #FFF;
	box-shadow: none;
	color: #3F3E3E;
	font-style: italic;
	font-size: 14px;
	font-weight: 400;
	padding-left: 6px;
}

.searchBoxInputWrapper .chosen-container-single .chosen-default {
	color: #999;
}

.searchBoxInputWrapper .chosen-container-single .chosen-drop {
	border-radius: 0;
}

.searchBoxInputWrapper .chosen-container .chosen-results li.highlighted
	{
	background-color: #21C2F8;
	background-image: none;
}

.searchBoxInputWrapper .chosen-container-active .chosen-single {
	border: 1px solid #FFF;
	box-shadow: none;
}

.searchBoxInputWrapper .chosen-container-active.chosen-with-drop .chosen-single
	{
	border: 1px solid #fff;
	background-image: none;
	box-shadow: none;
}

.searchBoxInputWrapper .chosen-container-active .chosen-choices {
	border: 1px solid #fff;
	box-shadow: none;
}

.searchBoxInputWrapper .chosen-container-multi .search-field input {
	padding-left: 6px;
}

.searchBoxInputWrapper .chosen-container-single .chosen-default {
	padding-left: 6px;
}

.searchBox .before_results {
	text-align: left;
	width: calc(100% - 2px);
}

.searchBox .after_results {
	text-align: center;
	padding: 10px 0;
	width: calc(100% - 6px);
}

.searchBoxWrapper .searchBoxList {
	overflow: auto;
}

.searchBoxWrapper .searchBoxList::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #9C9B9B;
}

.searchBoxWrapper .searchBoxList::-webkit-scrollbar-track-piece {
	border: solid 0px #9C9B9B;
	border-right-width: 6px;
	border-radius: 3px;
	border-top-right-radius: 9px 3px;
	border-bottom-right-radius: 9px 3px;
	background-color: #C5C5C5;
}

.searchBoxWrapper .searchBoxList::-webkit-scrollbar-track-piece:horizontal
	{
	border: solid 0px #9C9B9B;
	border-top-width: 6px;
	border-radius: 3px;
	border-top-left-radius: 3px 9px;
	border-top-right-radius: 3px 9px;
}

.searchBoxWrapper .searchBoxList::-webkit-scrollbar-thumb {
	border: solid 0 transparent;
	border-right-width: 6px;
	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 12px 4px;
	-webkit-border-bottom-right-radius: 12px 4px;
	-webkit-box-shadow: inset 0 0 0 1px #5F5F5E, inset 0 0 0 6px #6F6F6E;
}

.searchBoxWrapper .searchBoxList::-webkit-scrollbar-thumb:horizontal {
	border: solid 0 transparent;
	border-top-width: 6px;
	-webkit-border-radius: 4px;
	-webkit-border-top-right-radius: 4px 12px;
	-webkit-border-top-left-radius: 4px 12px;
}

.searchBoxWrapper .searchBoxList::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 0 1px #7F7F7E, inset 0 0 0 6px #8F8F8E;
}

.searchBoxWrapper .searchBoxList::-webkit-scrollbar-corner {
	background-color: #9C9B9B;
}

/*.searchBoxWrapper .searchBoxList .itemSearchBoxListWrapper {
	width: calc(100% - 6px);
	background-color: #FFFFFF;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxListWrapper.deleted {
	background: none;
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList {
	position: relative;
	min-height: 24px;
	width: calc(100% - 36px);
	padding: 5px 0 5px 36px;
	margin: 2px 0 0 0;
	color: #3F3E3E;
	font-weight: 400;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClient {
	background-image: url(../img/icon/picto_personnage_fiche.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientErreur {
	background-image: url(../img/icon/picto_personnage_erreur.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemStructure {
	background-image: url(../img/icon/picto_structure_fiche.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemHebergeur {
	background-image: url(../img/icon/picto_hebergeur_fiche.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemFormationProjet {
	background-image: url(../img/icon/picto_projet_fiche.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemFormation {
	background-image: url(../img/icon/picto_formation_fiche.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemInscription {
	background-image: url(../img/icon/picto_inscription_fiche.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemCampagne {
	background-image: url(../img/icon/picto_campagne_fiche.png);
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemCampagneVerrouille
{
	background-image: url(../img/icon/picto_campagne_verrouille.png);
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemCampagneProgress
{
	background-image: url(../img/loader.gif);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemUtilisateur {
	background-image: url(../img/icon/picto_personnage_fiche.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientMutualise
	{
	background-image: url(../img/icon/picto_personnage_verrouille.png);
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientMutualiseErreur
{
	background-image: url(../img/icon/picto_personnage_erreur_verrouille.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientPresse {
	background-image: url(../img/icon/picto_personnage_presse.png);
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientPresseErreur
	{
	background-image: url(../img/icon/picto_personnage_presse_erreur.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientPolitique
	{
	background-image: url(../img/icon/picto_personnage_politique.png);
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientPolitiqueErreur
	{
	background-image: url(../img/icon/picto_personnage_politique_erreur.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientVIP {
	background-image: url(../img/icon/picto_personnage_vip.png);
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemClientVIPErreur
	{
	background-image: url(../img/icon/picto_personnage_vip_erreur.png);
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemElection {
	background-image: url(../img/icon/picto_liste_politique_fiche.png);
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemElectionVerrouille
	{
	background-image: url(../img/icon/picto_liste_politique_verrouille.png);
}

.searchBoxWrapper .searchBoxList .inputError {
	position: absolute;
	width: 60%;
	right: 100%;
	z-index: 1000;
	margin: 10px 0;
	padding: 3px;
	border: 1px solid rgb(254, 83, 29);
	background-color: rgb(254, 83, 29);
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
}

.searchBoxWrapper .searchBoxList .inputError img {
	position: absolute;
	right: -10px;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList:hover {
	opacity: 0.5;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList .label {
	width: 65%;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList .label .bold {
	font-weight: 700;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList .complement {
	position: absolute;
	width: 35%;
	right: 2px;
	font-size: 10px;
	text-align: right
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList .complement.up {
	top: 2px;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList .complement.down {
	bottom: 2px;
}

.searchBoxWrapper .searchBoxList .itemSearchBoxList .header {
	position: relative;
	background-color: #2E373C;
	color: #FFF;
}*/

/***** ENQUETE *****/

/*.searchBoxWrapper .searchBoxList .itemSearchBoxList .header .annee {
	padding: 2px 5px;
	background-color: #21C2F8;
	display: inline-block;
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList .header .nbQuestionnaire {
	display: inline-block;
	position: absolute;
	right: 0;
	padding: 2px 5px;
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemEnquete {
	width: 100%;
	padding: 0;
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemEnquete .label {
	padding: 5px 0 5px 36px;
	min-height: 24px;
	background-image: url(../img/icon/picto_projet_enquete_17x16.svg);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemEnquete.selected {
	background-color: #21C2F8;
	color: #FFF;
}
.searchBoxWrapper .searchBoxList .itemSearchBoxListWrapper.deleted .itemSearchBoxList.itemEnquete.selected {
	opacity: 0.5;
}
.searchBoxWrapper .searchBoxList .itemSearchBoxListWrapper.deleted .itemSearchBoxList.itemEnquete.selected:hover {
	opacity: 0.3;
}
.searchBoxWrapper .searchBoxList .itemSearchBoxList.itemEnquete.selected .label {
	background-image: url(../img/icon/picto_projet_enquete_17x16_blanc.svg);
}*/

.searchBoxWrapper .searchBox.activeDrop {
	opacity: 0.5;
}
.searchBoxWrapper .searchBox.sb_trash {
	background-image: url(../img/icon/tuto_suppression.png);
	background-repeat: no-repeat;
	background-position: center;
}
.complementBox h2 .addEnquete {
	position: absolute;
	display: inline-block;
	height: 14px;
	right: 0;
	top: 0;
	background-color: #21C2F8;
	padding: 5px 5px 5px 30px;
	background-image: url(../img/icon/picto_ajouter_enquete.svg);
	background-repeat: no-repeat;
	background-position: 6px center;
}
.complementBox h2 .addEnquete:hover {
	background-color: #3f3e3e;
}

/***** FOOTER *****/
#footer {
	position: relative;
	width: 100%;
	height: 21px;
	background-color: #2E373C;
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
}

#footer span {
	font-weight: 700;
}

#footer #logout {
	max-height: 21px;
	width: 103px;
	background: #21C2F8;
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	border: none;
	margin-right: 10px;
}
#footer.cssElection #logout {
	background: #A0BF38;
}
#footer #logout:hover {
	background: #3f3e3e;
	text-decoration: none;
}

#footer #emptyTrash {
	position: absolute;
	right: 0;
	max-height: 21px;
	background: #3f3e3e;
	color: #FFFFFF;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	border: none;
}

#footer #emptyTrash:hover {
	background: #21C2F8;
	text-decoration: none;
}
#footer.cssElection #emptyTrash:hover {
	background: #A0BF38;
	text-decoration: none;
}

/****** corbeilleBox ******/
#corbeilleBox {
	position: absolute;
	bottom: 21px;
	right: 0;
	z-index: 10;
	padding: 10px 8px;
	font-size: 12px;
	line-height: 14px;
	background-color: #EC7D07;
	color: #FFF;
}

/****** modeleDiv ******/
[id^=modeleDiv_] {
	display: none;
}

/****** contentDiv ******/
[id^=contentDiv_] {
	height: 100%;
}
[id^=contentDiv_] .statutTuto {
	position: absolute;
	display: inline-block;
	width: auto;
	z-index: 1000;
	background-color: #2E373C;
	color: #FFF;
	font-size: 12px;
	line-height: 15px;
	padding: 0 12px;
}

[id^=contentDiv_] .statutTutoFleche {
	position: absolute;
	bottom: -15px;
	left: 41px;
}

/****** CREQ ******/

.informationBoxContent .creqWrapper, .complementBoxContent .creqWrapper {
	width: 100%;
}
.informationBoxContent .creqWrapper textarea, .complementBoxContent .creqWrapper textarea {
	width: calc(100% - 14px);
	height: 72px;
	margin: 0;
	padding: 6px;
	max-width: none;
	font-size: 12px;
	font-weight: 300;
	background-color: #FFF;
}
.informationBoxContent .creqBtnBox, .complementBoxContent .creqBtnBox {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
.informationBoxContent .creqBtnWrapper, .complementBoxContent .creqBtnWrapper {
	display: inline-block;
}

.informationBoxContent .creq, .complementBoxContent .creq {
	width: 100%;
	margin-bottom: 6px;
	background-color: #FFF;
}
.informationBoxContent .creqHeader, .complementBoxContent .creqHeader {
	position: relative;
	font-size: 12px;
	background-color: #21C2F8;
	color: #FFF;
	padding: 2px 0;
}
.informationBoxContent .creqHeader .creqUser, .complementBoxContent .creqHeader .creqUser {
	padding-left: 6px;
}
.informationBoxContent .creqHeader .creqDate, .complementBoxContent .creqHeader .creqDate {
	position: absolute;
	top: 2px;
	right: 6px;
	font-weight: 700;
}
.informationBoxContent .creqHeader .creqClient, .complementBoxContent .creqHeader .creqClient {
	padding-left: 6px;
	padding-top: 6px;
}
.informationBoxContent .creqHeader .creqClient .showFiche, .complementBoxContent .creqHeader .creqClient .showFiche {
	font-weight: 700;
}
.informationBoxContent .creqHeader .creqClient .showFiche:hover, .complementBoxContent .creqHeader .creqClient .showFiche:hover {
	color: rgb(254, 83, 29);
}
.informationBoxContent .creqBodyWrapper, .complementBoxContent .creqBodyWrapper {
	position: relative;
	background-color: #FFF;
	min-height: 46px;
	text-align: center;
}
.informationBoxContent .creqBodyWrapper textarea, .complementBoxContent .creqBodyWrapper textarea {
	width: calc(100% - 12px);
	height: 72px;
	margin: 0;
	padding: 6px;
	max-width: none;
	font-size: 12px;
	font-weight: 300;
}
.informationBoxContent .creq .creqEditBtnSubmit, .complementBoxContent .creq .creqEditBtnSubmit {
	display: inline-block;
	width: auto;
	margin-top: 10px;
}
.informationBoxContent .creq .creqEditBtnCancel, .complementBoxContent .creq .creqEditBtnCancel {
	display: inline-block;
	width: auto;
	margin-top: 10px;
	margin-left: 10px;
}
.informationBoxContent .creqBodyWrapper .creqBody, .complementBoxContent .creqBodyWrapper .creqBody {
	position: relative;
	width: calc(100% - 51px);
	padding: 4px;
	font-size: 12px;
	text-align: justify;
	white-space: pre-wrap;
}
.informationBoxContent .creqBodyWrapper .creqEdit, .complementBoxContent .creqBodyWrapper .creqEdit {
	position: absolute;
	bottom: 23px;
	right: 4px;
}
.informationBoxContent .creqBodyWrapper .creqDelete, .complementBoxContent .creqBodyWrapper .creqDelete {
	position: absolute;
	bottom: 4px;
	right: 5px;
}
.informationBoxContent .creqBodyWrapper .creqCom, .complementBoxContent .creqBodyWrapper .creqCom {
	position: absolute;
	bottom: 26px;
	right: 26px;
}
.informationBoxContent .creqBodyWrapper .creqVal, .complementBoxContent .creqBodyWrapper .creqVal {
	position: absolute;
	bottom: 4px;
	right: 25px;
}
.informationBoxContent .creqComWrapper, .complementBoxContent .creqComWrapper {
	width: 100%;
}
.informationBoxContent .creqComHeader, .complementBoxContent .creqComHeader {
	position: relative;
	font-size: 12px;
	background-color: #F00;
	color: #FFF;;
	padding: 2px 0;
}
.informationBoxContent .creqComHeader .creqComUser, .complementBoxContent .creqComHeader .creqComUser {
	padding-left: 6px;
}
.informationBoxContent .creqComHeader .creqComDate, .complementBoxContent .creqComHeader .creqComDate {
	position: absolute;
	top: 2px;
	right: 6px;
	font-weight: 700;
}
.informationBoxContent .creqComBodyWrapper .creqComBody, .complementBoxContent .creqComBodyWrapper .creqComBody {
	padding: 4px;
	font-size: 12px;
	text-align: justify;
	white-space: pre-wrap;
	background-color: #FFF;
}
.informationBoxContent .creq .creqComBox, .complementBoxContent .creq .creqComBox {
	margin-top: 6px;
	border-top: 1px dashed #333;
	padding-bottom: 6px;
}
.informationBoxContent .creqBodyWrapper ::-webkit-scrollbar, .informationBoxContent .creqBodyWrapper ::-webkit-scrollbar-corner 
.complementBoxContent .creqBodyWrapper ::-webkit-scrollbar, .complementBoxContent .creqBodyWrapper ::-webkit-scrollbar-corner  {
	background-color: #FFF;
}
.informationBoxContent .creqBodyWrapper ::-webkit-scrollbar-track-piece, .informationBoxContent .creqBodyWrapper ::-webkit-scrollbar-track-piece:horizontal
.complementBoxContent .creqBodyWrapper ::-webkit-scrollbar-track-piece, .complementBoxContent .creqBodyWrapper ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #FFF;
}

/****** Item BDD Drag/Drop ******/

.itemBDD
{
	width: 100%;
	margin: 2px 0 0 0;
}
.itemBDD .itemHeaderWrapper {
	width: calc(100% - 6px);
	background-color: #21C2F8;
	color: #FFF;
	text-align: right;
	font-size: 12px;
}
.itemBDD .itemHeader {
	padding: 3px 6px;
	width: calc(100% - 12px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.itemBDD .itemContentWrapper {
	width: calc(100% - 6px);
	background-color: #FFFFFF;
}
.itemBDD.deleted .itemContentWrapper {
	background: none;
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
}
.itemBDDW.deleted .itemContentWrapper {
	background: none;
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
}
.itemBDD .itemContent {
	position: relative;
	min-height: 24px;
	width: calc(100% - 36px);
	padding: 5px 0 5px 36px;
	color: #3F3E3E;
	font-weight: 400;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.itemBDD .itemContent .labelWrapper {
	display: table;
	width: 65%;
}
.itemBDD .itemContent .label {
	display: table-cell;
	vertical-align: middle;
}
.itemBDD .itemContent .labelWrapper .bold {
	font-weight: 700;
}
.itemBDD .itemContent .complement {
	position: absolute;
	width: 35%;
	right: 2px;
	font-size: 10px;
	text-align: right
}
.itemBDD .itemContent .complement.up {
	top: 2px;
}
.itemBDD .itemContent .complement.down {
	bottom: 2px;
}
.itemBDD .itemContent .header {
	position: relative;
	background-color: #2E373C;
	color: #FFF;
}
.itemBDD.itemClient .itemContent { background-image: url(../img/icon/picto_personnage_fiche.png); }
.itemBDD.itemClientErreur .itemContent { background-image: url(../img/icon/picto_personnage_erreur.png); }
.itemBDD.itemClientListe .itemContent { background-image: url(../img/icon/picto_liste_fiche.png); }
.itemBDD.itemStructure .itemContent { background-image: url(../img/icon/picto_structure_fiche.png); }
.itemBDD.itemStructure.adhesionIcon .itemContent { background-image: url(../img/icon/picto_adhesion_noir.svg); }
.itemBDD.itemHebergeur .itemContent { background-image: url(../img/icon/picto_hebergeur_fiche.png); }
.itemBDD.itemFormationProjet .itemContent { background-image: url(../img/icon/picto_projet_fiche.png); }
.itemBDD.itemFormation .itemContent { background-image: url(../img/icon/picto_formation_fiche.png); }
.itemBDD.itemParcours .itemContent { background-image: url(../img/icon/picto_parcours.svg); }
.itemBDD.itemInscription .itemContent { background-image: url(../img/icon/picto_inscription_fiche.png); }
.itemBDD.itemCampagne .itemContent { background-image: url(../img/icon/picto_campagne_fiche.png); }
.itemBDD.itemCampagneVerrouille .itemContent { background-image: url(../img/icon/picto_campagne_verrouille.png); }
.itemBDD.itemCampagneProgress .itemContent { background-image: url(../img/loader.gif); }
.itemBDD.itemUtilisateur .itemContent { background-image: url(../img/icon/picto_personnage_fiche.png); }
.itemBDD.itemClientMutualise .itemContent { background-image: url(../img/icon/picto_personnage_verrouille.png); }
.itemBDD.itemClientMutualise.itemClientErreur .itemContent { background-image: url(../img/icon/picto_personnage_erreur_verrouille.png); }
.itemBDD.itemClientPresse .itemContent { background-image: url(../img/icon/picto_personnage_presse.png); }
.itemBDD.itemClientPresse.itemClientErreur .itemContent { background-image: url(../img/icon/picto_personnage_presse_erreur.png); }
.itemBDD.itemClientPolitique .itemContent { background-image: url(../img/icon/picto_personnage_politique.png); }
.itemBDD.itemClientPolitique.itemClientErreur .itemContent { background-image: url(../img/icon/picto_personnage_politique_erreur.png); }
.itemBDD.itemClientVIP .itemContent { background-image: url(../img/icon/picto_personnage_vip.png); }
.itemBDD.itemClientVIP.itemClientErreur .itemContent { background-image: url(../img/icon/picto_personnage_vip_erreur.png); }
.itemBDD.itemElection .itemContent { background-image: url(../img/icon/picto_liste_politique_fiche.png); }
.itemBDD.itemElectionVerrouille .itemContent { background-image: url(../img/icon/picto_liste_politique_verrouille.png); }
.itemBDD .itemFooterWrapper {
	width: calc(100% - 6px);
	background-color: #2E373C;
	color: #FFF;
	text-align: right;
	font-size: 10px;
}
.itemBDD .itemFooter {
	padding: 2px 6px;
}
.itemBDD:hover .itemHeaderWrapper,
.itemBDD:hover .itemContentWrapper,
.itemBDD:hover .itemFooterWrapper {
	opacity: 0.5;
}
.itemBDD .inputError {
	position: absolute;
	width: 60%;
	right: 100%;
	z-index: 1000;
	margin: 10px 0;
	padding: 3px;
	border: 1px solid rgb(254, 83, 29);
	background-color: rgb(254, 83, 29);
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
}
.itemBDD .inputError.right {
	left: 100%;
}
.itemBDD .inputError img {
	position: absolute;
	right: -10px;
}
.itemBDD .inputError.right img {
	left: -10px;
}
.inscritsBDDW {
	display: flex;
	flex-wrap: wrap;
}
.itemBDDW {
	flex-basis: 50%;
	margin-bottom: 9px;
}
.itemBDDW .itemBDDHW {
	width: calc(100% - 6px);
	background-color: #21C2F8;
	color: #FFF;
	text-align: right;
	font-size: 12px;
}
.itemBDDW .itemBDDH {
	padding: 3px 6px;
	width: calc(100% - 12px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.itemBDDW .itemBDDFW {
	width: calc(100% - 6px);
	background-color: #2E373C;
	color: #FFF;
	text-align: right;
	font-size: 10px;
}
.itemBDDW .itemBDDF {
	padding: 2px 6px;
}

.inscritsWrapper {
	display: table;
	width: 100%;
}
.inscritsWrapper .tblRow {
	display: table-row;
}
.inscritsWrapper .itemBDD {
	display: table-cell;
	width: 50%;
	padding-top: 6px;
}
.inscritsWrapper .tblRow:first-child .itemBDD {
	padding-top: 0;
}

.itemBDD.itemEnquete .itemContent {
	width: 100%;
	padding: 0;
}
.itemBDD.itemEnquete .header .annee {
	padding: 2px 5px;
	background-color: #21C2F8;
	display: inline-block;
}
.itemBDD.itemEnquete .header .nbQuestionnaire {
	display: inline-block;
	position: absolute;
	right: 0;
	padding: 2px 5px;
}
.itemBDD.itemEnquete .labelWrapper {
	padding: 5px 0 5px 36px;
	min-height: 24px;
	background-image: url(../img/icon/picto_projet_enquete_17x16.svg);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.itemBDD.itemEnquete.selected .itemContent {
	background-color: #21C2F8;
	color: #FFF;
}
.itemBDD.itemEnquete.deleted.selected .itemContent{
	opacity: 0.5;
}
.itemBDD.itemEnquete.deleted.selected:hover .itemContent {
	opacity: 0.3;
}
.itemBDD.itemEnquete.selected .labelWrapper {
	background-image: url(../img/icon/picto_projet_enquete_17x16_blanc.svg);
}

.itemBDDError {
	position: absolute;
	width: 60%;
	left: 100%;
	z-index: 1000;
	margin: 10px 0;
	padding: 3px;
	border: 1px solid rgb(254, 83, 29);
	background-color: rgb(254, 83, 29);
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
}
.itemBDDError img {
	position: absolute;
	left: -10px;
}

.dropCell.activeDrop {
	opacity: 0.5;
}

/****** inscriptionBox ******/
.inscriptionBox {
	width: 100%;
	height: calc(100% - 6px);
}
.inscriptionBox h3 {
	position:relative;
}
.inscriptionBox .inscriptionDtaTbl {
	width: 100%;
	/*height: calc(100% - 30px);*/
}
.inscriptionDtaTbl table {
	color: #3F3E3E;
	font-weight: 300;
	font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	min-width: 100%;
}
.inscriptionDtaTbl tbody tr {
	margin-bottom: 11px;
	background-color: #FFFFFF;
	cursor: pointer;
}
.inscriptionDtaTbl tbody tr.desinscription {
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
	opacity: 0.5;
}
.inscriptionDtaTbl tbody tr.deleted {
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
	background-color: #333;
	color: #FFF;
	opacity: 1;
}
.inscriptionDtaTbl tbody tr.css_impair {
	background-color: #F6F6F6;
}
.inscriptionDtaTbl tbody tr.css_impair.deleted {
	background-color: #333;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover {
	margin-bottom: 11px;
	background-color: #21C2F8;
	color: #FFF;
}
.inscriptionDtaTbl tbody tr.trDtaTblEdit {
	background-color: #26bdf7;
	color: #FFF;
}
.inscriptionDtaTbl tbody tr.trDtaTblEditPlus {
	background-color: #AECFDB;
}
.inscriptionDtaTbl tbody tr.trDtaTblEditPlus ::-webkit-scrollbar, .inscriptionDtaTbl tbody tr.trDtaTblEditPlus ::-webkit-scrollbar-corner {
	background-color: #AECFDB;
}
.inscriptionDtaTbl tbody tr.trDtaTblEditPlus ::-webkit-scrollbar-track-piece, .inscriptionDtaTbl tbody tr.trDtaTblEditPlus ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #AECFDB;
}
.inscriptionDtaTbl th {
	border-right: 1px solid #AAA;
	padding: 5px;
	border-bottom: 1px solid #ECECEC;
	font-weight: 400;
	text-align: center;
	background-color: #AECFDB;
	color: #333;
}
.inscriptionDtaTbl td {
	position: relative;
	font-weight: 300;
	font-size: 12px;
	border-right: 1px solid #CCC;
	padding: 5px;
	border-bottom: 1px solid #ECECEC;
	text-align: center;
}
.inscriptionDtaTbl td.chkTd {
	width: 18px;
}
.inscriptionDtaTbl th.col_struct_notes, .inscriptionDtaTbl td.col_struct_notes,
.inscriptionDtaTbl th.col_notes, .inscriptionDtaTbl td.col_notes {
	max-width: 33px;
	width: 33px;
}
.inscriptionDtaTbl th.col_struct_nom, .inscriptionDtaTbl td.col_struct_nom,
.inscriptionDtaTbl th.col_nom, .inscriptionDtaTbl td.col_nom {
	min-width: 120px;
}
.inscriptionDtaTbl th.col_struct_type_inscription, .inscriptionDtaTbl td.col_struct_type_inscription,
.inscriptionDtaTbl th.col_type_inscription, .inscriptionDtaTbl td.col_type_inscription {
	max-width: 120px;
	width: 120px;
}
.inscriptionDtaTbl th.col_struct_finance, .inscriptionDtaTbl td.col_struct_finance,
.inscriptionDtaTbl th.col_finance, .inscriptionDtaTbl td.col_finance {
	min-width: 88px;
	width: 88px;
	max-width: 88px;
}
.inscriptionDtaTbl th.col_eval_acquis, .inscriptionDtaTbl td.col_eval_acquis {
	min-width: 110px;
	width: 110px;
	max-width: 110px;
}
.inscriptionDtaTbl th.col_struct_etat_inscription, .inscriptionDtaTbl td.col_struct_etat_inscription,
.inscriptionDtaTbl th.col_etat_inscription, .inscriptionDtaTbl td.col_etat_inscription {
	max-width: 100px;
	width: 100px;
}
.inscriptionDtaTbl th.col_struct_cssDate, .inscriptionDtaTbl td.col_struct_cssDate,
.inscriptionDtaTbl th.col_cssDate, .inscriptionDtaTbl td.col_cssDate {
	max-width: 130px;
	width: 70px;
	min-width: 63px;
}
.inscriptionDtaTbl th.col_hebergeur, .inscriptionDtaTbl td.col_hebergeur {
	max-width: 200px;
	min-width: 70px;
}
.inscriptionDtaTbl th.col_struct_cssCtrlBDD, .inscriptionDtaTbl td.col_struct_cssCtrlBDD,
.inscriptionDtaTbl th.col_cssCtrlBDD, .inscriptionDtaTbl td.col_cssCtrlBDD {
	max-width: 70px;
	width: 70px;
}
.inscriptionAdhesion th[class*="col_donneur"], .inscriptionAdhesion td[class*="col_donneur"],
.inscriptionAdhesion th[class*="col_nom_structure_receveuse"], .inscriptionAdhesion td[class*="col_nom_structure_receveuse"] { min-width: 120px; }
.inscriptionAdhesion th[class*="col_cotisations"], .inscriptionAdhesion td[class*="col_cotisations"] { min-width: 191px; }
.inscriptionDtaTbl td.leftAlign {
	text-align: left;
}
.inscriptionDtaTbl th.btn {
	padding-right: 20px;
	background-image: url(../img/icon/picto_tri_double.svg);
    background-position: calc(100% - 5px) center;
    background-size: 10px 13px;
    background-repeat: no-repeat;
}
.inscriptionDtaTbl th.btn:hover {
	background-color: #21C2F8;
	color: #FFF;
}
.inscriptionDtaTbl th.tri.triAsc {
	background-image: url(../img/icon/picto_tri_asc.svg);
    background-position: calc(100% - 5px) center;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
.inscriptionDtaTbl th.tri.triDesc {
	background-image: url(../img/icon/picto_tri_desc.svg);
    background-position: calc(100% - 5px) center;
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
.inscriptionDtaTbl .infobulleBox {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../img/icon/picto_i.png);
	background-repeat: no-repeat;
}
.inscriptionDtaTbl .infobulleBox:hover {
	background-image: url(../img/icon/picto_i_gris_16x16.png);
	background-size: 16px 16px;
	cursor: help;
}
.inscriptionDtaTbl .infobulleBox .infobulle {
	display: none;
	text-align: left;
}
.inscriptionDtaTbl .infobulleBox:hover .infobulle {
	display: inline-block;
	position: absolute;
	z-index: 10;
	width: 400px;
	top: 12px;
	background: #FFF;
	color: #333;
	padding: 12px;
	white-space: pre-line;
	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
}
.inscriptionDtaTbl .infobulleBox:hover .infobulle {
	left: 12px;
}
.inscriptionDtaTbl .infobulleBox.left:hover .infobulle {
	left: -412px;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionDevis {
	background-image: url(../img/icon/btn_devis_blanc.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionDevis {
	width: 33px;
	height: 18px;
	background-image: url(../img/icon/btn_devis_gris.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionDevis.devisExist {
	background-image: url(../img/icon/btn_devis_bleu.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionDevis.devisDeleted {
	width: 33px;
	background-image: url(../img/icon/picto_corbeille_gris.svg);
	background-position: center;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionDevis.devisDeleted {
	background-image: url(../img/icon/picto_corbeille_blanc.svg);
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionDevis:hover {
	background-image: url(../img/icon/btn_devis_noir.svg);
	background-size: auto auto;
	cursor: pointer;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionDevis.devisDeleted:hover {
	background-image: url(../img/icon/picto_corbeille_noir.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionDevis .infobulle {}
.inscriptionDtaTbl .infobulleBox.gestionDevis:hover .infobulle {
	width: 110px;
}
.inscriptionDtaTbl .infobulleBox.gestionDevis.left:hover .infobulle {
	left: -122px;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionFacture {
	background-image: url(../img/icon/btn_facture_blanc.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionFacture {
	width: 33px;
	height: 18px;
	background-image: url(../img/icon/btn_facture_gris.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionFacture.factureExist {
	background-image: url(../img/icon/btn_facture_bleu.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionFacture.factureNonEnvoyee {
	background-image: url(../img/icon/btn_facture_rouge.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionFacture.factureEnvoyee {
	background-image: url(../img/icon/btn_facture_orange.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionFacture.facturePayee {
	background-image: url(../img/icon/btn_facture_vert.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionFacture.factureDeleted {
	width: 33px;
	background-image: url(../img/icon/picto_corbeille_gris.svg);
	background-position: center;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionFacture.factureDeleted {
	background-image: url(../img/icon/picto_corbeille_blanc.svg);
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionFacture:hover {
	background-image: url(../img/icon/btn_facture_noir.svg);
	background-size: auto auto;
	cursor: pointer;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionFacture.factureDeleted:hover {
	background-image: url(../img/icon/picto_corbeille_noir.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionFacture .infobulle {}
.inscriptionDtaTbl .infobulleBox.gestionFacture:hover .infobulle {
	width: 130px;
}
.inscriptionDtaTbl .infobulleBox.gestionFacture.left:hover .infobulle {
	left: -142px;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionContrat {
	background-image: url(../img/icon/btn_contrat_blanc.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionContrat {
	width: 53px;
	height: 18px;
	background-image: url(../img/icon/btn_contrat_gris.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionContrat.contratExist {
	background-image: url(../img/icon/btn_contrat_bleu.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionContrat.contratDeleted {
	width: 53px;
	background-image: url(../img/icon/picto_corbeille_gris.svg);
	background-position: center;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionContrat.contratDeleted {
	background-image: url(../img/icon/picto_corbeille_blanc.svg);
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionContrat:hover {
	background-image: url(../img/icon/btn_contrat_noir.svg);
	background-size: auto auto;
	cursor: pointer;
}
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .infobulleBox.gestionContrat.contratDeleted:hover {
	background-image: url(../img/icon/picto_corbeille_noir.svg);
}
.inscriptionDtaTbl .infobulleBox.gestionContrat .infobulle {}
.inscriptionDtaTbl .infobulleBox.gestionContrat:hover .infobulle {
	width: 130px;
}
.inscriptionDtaTbl .infobulleBox.gestionContrat.left:hover .infobulle {
	left: -142px;
}
.inscriptionDtaTbl .devisLine {
	margin-top: 6px;
	display: flex;
	flex-direction: row;
}
.inscriptionDtaTbl .devisLine:first-of-type {
	margin-top: 0;
}
.inscriptionDtaTbl .devisLine .infobulleBox {
	margin-left: 3px;
}
.inscriptionDtaTbl .devisLine .infobulleBox:first-of-type {
	margin-left: 0;
}
.inscriptionDtaTbl .devisLine .devisLineBtn {
	margin-left: 3px;
}
.inscriptionDtaTbl .devisLine .devisLineBtn {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.inscriptionDtaTbl .devisLine .devisLineBtn.hide {
	display: none;
}
.inscriptionDtaTbl tbody tr.trDtaTbl .addDevisLine { background-image: url(../img/icon/picto_ajouter_item_gris.svg); }
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .addDevisLine { background-image: url(../img/icon/picto_ajouter_item_blanc.svg); }
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .addDevisLine:hover { background-image: url(../img/icon/picto_ajouter_item_noir.svg); }
.inscriptionDtaTbl tbody tr.trDtaTbl .delDevisLine { background-image: url(../img/icon/picto_supprimer_item_gris.svg); }
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .delDevisLine { background-image: url(../img/icon/picto_supprimer_item_blanc.svg); }
.inscriptionDtaTbl tbody tr.trDtaTbl:hover .delDevisLine:hover { background-image: url(../img/icon/picto_supprimer_item_noir.svg); }
.inscriptionDtaTbl .inlineInputFxWrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.inscriptionDtaTbl .inlineInputFxWrapper .inlineInput {
	margin-right: 6px;
	text-align: right;
}
.inscriptionDtaTbl .inlineInputFxWrapper .inlineInputItemBDD { flex: 1;}
.inscriptionDtaTbl .inlineInputFxWrapper .inlineInput.avancementParcours { width: 36px; }
.inscriptionDtaTbl .inlineInputFxWrapper .inlineInput.montantDateC { margin: 0 0 0 6px; }
.inscriptionDtaTbl .inlineInputFxWrapper .dateC { font-weight: 600; }
.inscriptionDtaTbl .inlineInputFxWrapper .montantC { margin-top: 3px;}

.inscriptionDtaTbl input[type=text],
.inscriptionDtaTbl input[type=date],
.inscriptionDtaTbl input[type=datetime],
.inscriptionDtaTbl input[type=datetime-local],
.inscriptionDtaTbl input[type=time],
.inscriptionDtaTbl select,
.inscriptionDtaTbl textarea {
	font-weight: 300;
	font-size: 12px;
}
.inscriptionDtaTbl .trDtaTblEdit input,
.inscriptionDtaTbl .trDtaTblEdit select,
.inscriptionDtaTbl .trDtaTblEdit textarea {
	color: #FFF;
}
.inscriptionDtaTbl .trDtaTblEdit ::placeholder {
	color: #FFF;
}
.inscriptionDtaTbl .trDtaTblEdit select option {
	color: #3F3E3E;
}
.inscriptionDtaTbl .trDtaTblEditPlus textarea {
	border: 1px dotted #FFF;
	resize: both;
	width: 50%;
	min-height: 100px;
	background-color: #FFF;
}
.inscriptionDtaTbl .trDtaTblEditPlus .btnWrapper {
	margin-top: 12px;
}
.inscriptionDtaTbl input[type=date] {
	width: 117px;
}
.inscriptionDtaTbl .dtaFilterTr {
	background-color: #9C9B9B;
}
.inscriptionDtaTbl .dtaFilterTr input {
	background-color: #fff;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0.3em center;
	width: calc(100% - 1em);
}
.inscriptionDtaTbl .dtaFilterTr h4 {
	font-style: italic;
	font-size: 11px;
	font-weight: 300;
	margin: 0;
	padding: 1px 6px;
	text-align: left;
	background-color: #3F3E3E;
	color: #fff;
}
.inscriptionDtaTbl .dtaFilterTr .dtaDateInputW input {
	padding: 0.2em 0.5em 0.2em 0.5em;
}
.inscriptionDtaTbl .dtaFilterTr .dtaDateInputW h4:nth-of-type(2) {
	margin-top: 0.5em;
}
.inscriptionDtaTbl .dtaFilterTr .chosen-container {
	background-color: #fff;
}
.inscriptionDtaTbl .dtaFilterTr .chosen-container-single .chosen-single span {
	font-weight: 300;
	font-size: 0.9em;
	padding-left: 0.5em;
}
.inscriptionDtaTbl .dtaNbRows {
	background-color: #9C9B9B;
	border-bottom: 1px solid #ccc;
}
#content .inscriptionDtaTbl .dtaNbRows .information {
	padding: 6px 3px 6px 20px;
	text-align: left;
}
.inscriptionDtaTbl .dtaNbRows .nbResultsVal {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}
.inscriptionDtaTbl .dtaNbRows .nbResultsLabel {
	font-weight: 400;
}

/* CUSTOM datatables */
.inscriptionDtaTbl table.dataTable thead th, .inscriptionDtaTbl table.dataTable tfoot th { font-weight: 400; }
.inscriptionDtaTbl table.dataTable.compact thead th.sorting_disabled { padding: 4px; }
.inscriptionDtaTbl table.dataTable.hover tbody tr:hover, .inscriptionDtaTbl table.dataTable.display tbody tr:hover { background-color: #21C2F8; }
.inscriptionDtaTbl table.dataTable.display tbody tr:hover>.sorting_1, .inscriptionDtaTbl table.dataTable.order-column.hover tbody tr:hover>.sorting_1 { background-color: #21C2F8; }
.inscriptionDtaTbl table.dataTable.stripe tbody tr.odd.deleted, .inscriptionDtaTbl table.dataTable.display tbody tr.odd.deleted { background-color: #333; }
.inscriptionDtaTbl table.dataTable.compact thead th, .inscriptionDtaTbl table.dataTable.compact thead td { padding: 0.2em 0.5em; }
.inscriptionDtaTbl .dataTables_filter {
	display: flex;
	float: none;
	padding: 6px;
	margin-bottom: 6px;
	background-color: #9C9B9B;
}
.inscriptionDtaTbl .dataTables_filter h4 {
	font-style: italic;
	font-size: 11px;
	font-weight: 300;
	margin: 0;
	padding: 1px 6px;
	text-align: left;
	background-color: #3F3E3E;
	color: #fff;
}
.inscriptionDtaTbl .dataTables_wrapper .dataTables_filter input {
	height: 22px;
	padding: 0 0 0 37px;
	margin: 0;
	font-style: italic;
	font-size: 14px;
	font-weight: 300;
	color: #3F3E3E;
	border: none;
	background-image: url(../img/icon/picto_loupe.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}

.suiviAdhesionBoxWrapper .inscriptionBox {
	height: 100%;
}
.suiviAdhesionBoxWrapper .inscriptionDtaTbl {
	width: calc(100% - 6px);
	height: calc(100% - 24px);
	overflow: auto;
}
.suiviAdhesionBoxWrapper .inscriptionDtaTbl th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}

.inscriptionDragDropGrid {
	width: 100%;
	height: 100%;
}
.inscriptionDragDropGrid .inscriptionDragDropTable {
	display: table;
	width: 100%;
	height: 100%;
	border-spacing: 10px;
}
.inscriptionDragDropGrid .inscriptionDragDropRow {
	display: table-row;
}
.inscriptionDragDropGrid .inscriptionDragDropCell {
	display: table-cell;
	vertical-align: middle;
	border: 2px dashed #999;
	border-radius: 20px;
	text-align: center;
}
.inscriptionDragDropGrid .iDDGTxtBox {}
.inscriptionDragDropGrid .dropCell.activeDrop {
	opacity: 1;
	color: #FFF;
	background-color: #9C9B9B;
}
.inscriptionDragDropGrid .DD_picto {
	width: 25%;
	margin-bottom: 20px;
}
.inscriptionDragDropGrid.inscritPoste .DD_picto {
	width: 15%;
	margin-bottom: 6px;
}
.inscriptionDragDropGrid.inscritPoste .iDDGTxt {
	font-size: 12px;
}



/*.informationBoxContent .inscriptionDragDropGrid,
.informationBoxContent .inscriptionStructDragDropGrid {
	width: 100%;
	height: 100%;
}
.inscriptionDragDropGrid .dropCell {
	 height: 100%;
    width: calc(100% - 40px);
    display: table;
    margin: 0 20px;
}
.inscriptionDragDropGrid .iDDGTxtBox {
	display: table-cell;
	vertical-align: middle;
    border: 3px dashed #666;
    border-radius: 20px;
    margin: 20px;
}
.inscriptionDragDropGrid .dropCell.activeDrop .iDDGTxtBox {
	opacity: 1;
	color: #FFF;
	background-color: #9C9B9B;
}
.inscriptionDragDropGrid .iDDGTxt {
	text-align: center;
	margin: auto;
}
.inscriptionDragDropGrid .DD_picto {
	width: 25%;
	margin-bottom: 20px;
}
.inscriptionDragDropGrid .iDDGBox_participant {
	width: 50%;
	height: 100%;
	display: inline-block;
	vertical-align:top;
}
.inscriptionDragDropGrid .iDDG_participant.dropCell {
	height: calc(33% - 15px);
	width: calc(100% - 14px);
	margin: 12px 6px;
}
.inscriptionDragDropGrid .iDDG_participant_salarie.dropCell {
	height: calc(33% - 16px);
	width: calc(100% - 14px);
	margin: 12px 6px;
}
.inscriptionDragDropGrid .iDDG_invite.dropCell {
	height: calc(34% - 16px);
	width: calc(100% - 14px);
	margin: 12px 6px;
}
.inscriptionDragDropGrid .iDDGBox_intervenant {
	width: 50%;
	height: 100%;
	display: inline-block;
	vertical-align:top;
}
.inscriptionDragDropGrid .iDDG_organisateur.dropCell {
	height: calc(33% - 15px);
	width: calc(100% - 14px);
	margin: 12px 6px;
}
.inscriptionDragDropGrid .iDDG_animateur.dropCell {
	height: calc(33% - 16px);
	width: calc(100% - 14px);
	margin: 12px 6px;
}
.inscriptionDragDropGrid .iDDG_expert.dropCell {
	height: calc(34% - 16px);
	width: calc(100% - 14px);
	margin: 12px 6px;
}

.inscriptionDragDropGrid .iDDG_client.dropCell {
	height: calc(100% - 16px);
	width: calc(100% - 14px);
	margin: 8px 6px;
}
.inscriptionDragDropGrid .iDDG_sous_traitant.dropCell {
	height: calc(100% - 16px);
	width: calc(100% - 14px);
	margin: 8px 6px;
}
.inscriptionDragDropGrid .iDDGTxtBox {
	display: table-cell;
	vertical-align: middle;
}
.inscriptionDragDropGrid .iDDGTxt {
	width: 50%;
	margin: auto;
}
.inscriptionDragDropGrid .iDDG_participant,
.inscriptionDragDropGrid .iDDG_participant_salarie,
.inscriptionDragDropGrid .iDDG_invite,
.inscriptionDragDropGrid .iDDG_organisateur,
.inscriptionDragDropGrid .iDDG_animateur,
.inscriptionDragDropGrid .iDDG_expert,
.inscriptionDragDropGrid .iDDG_client,
.inscriptionDragDropGrid .iDDG_sous_traitant {
	width: calc(100% - 14px);
	display: table;
	text-align: center;
	padding: 0;
	margin: 12px 6px;
}
/*.inscriptionDragDropGrid .iDDG_client,
.inscriptionDragDropGrid .iDDG_sous_traitant {
	width: calc(100% - 14px);
	display: table;
	text-align: center;
	padding: 0;
	margin: 8px 6px;
}*//*
.inscriptionDragDropGrid .dropCell.activeDrop .iDDGTxtBox {
	opacity: 1;
	color: #FFF;
	background-color: #9C9B9B;
}*/

.inscriptionDtaChkbox {
	padding: 6px;
}
.inscriptionDtaChkbox .chkboxWrapper {
	/*display: inline-block;
	width: calc(50% - 6px);
	vertical-align: top;*/
	text-align: left;
	color: #3f3e3e;
	font-size: 13px;
	font-weight: 400;
}
.inscriptionDtaChkbox .chkboxWrapper label {
	display: inline;
}

.inscriptionParam {
	width: 18px;
	height: 18px;
	background-image: url(../img/icon/picto_engrenage_petit.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	
}
.inscriptionParam:hover {
	background-color: #21C2F8;
}
.inscriptionParam.infobulleBox {
	position: absolute;
	top: 0px;
	right: 0px;
}
.inscriptionParam.infobulleBox .infobulle {
	font-size: 12px;
}
.inscriptionParam.infobulleBox:hover {
	cursor: pointer;
}
.inscriptionParam.infobulleBox:hover .infobulle {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 18px;
	white-space: nowrap;
}

.inscriptionDtaTbl .membreStructure tbody td { font-weight: 400; }
.inscriptionDtaTbl .membreStructure thead th { background-color: #DDD; font-weight: 600;}
.inscriptionDtaTbl .membreStructure tbody td .highlight_error { color: inherit; }

/****** devisBox ******/

.devisBox {}
.devisBox table.dtaTbl tbody tr td {
	font-weight: 300;
	padding: 3px 0 3px 10px;
}
.devisBox .dtaTbl td:nth-of-type(1) {
	width: 60%;
}
.devisBox .dtaTbl td:nth-of-type(2) {
	width: auto;
}
.devisBox .dtaTbl td:nth-of-type(3) {
	width: 44px;
}
.devisBox .dtaTbl td.deletedDevis {
	background-color: #F00;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	line-height: 24px;
}
.devisBox .dtaTbl input {
	width: auto;
}
.devisBox .dtaTbl .addDevisItem,
.devisBox .dtaTbl .delDevisItem {
	vertical-align: middle;
}
.devisBox .devisInputTable td:nth-of-type(1) input {
	font-weight: 300;
}
.devisBox .devisTotalTableWrapper {
	text-align: right;
	padding-top: 10px;
}
.devisBox table.dtaTbl.devisTotalTable {
	display: inline;
	width: 40%;
}
.devisBox table.dtaTbl.devisTotalTable tbody {
	width: 100%;
}
.devisBox table.dtaTbl.devisTotalTable td:nth-of-type(1) {
	width: 40%;
}
.devisBox table.dtaTbl tbody tr td.trTotal {
	background-color: #6F6F6E;
	color: #FFF;
	padding: 3px 10px 3px 10px;
}
.devisBox .trTotal input {
	color: #FFF;
}

/*.devisBox .dtaTbl .devisImgBtnWrapper {
	position: absolute;
	width: 44px;
	height: 16px;
	margin: auto;
}
.devisBox .dtaTbl .addDevisItem {
	right: 28px;
}
.devisBox .dtaTbl .delDevisItem {
	right: 6px;
}*/

/****** dtaFbTbl ******/
.dtaFbTbl {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 300;
	color: #3F3E3E;
}
.dtaFbTblRow {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	background-color: #FFF;
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #ECECEC;
}
.dtaFbTblRow.hide {
	display: none;
}
.dtaFbTblRow.css_impair {
	background-color: #F6F6F6;
}
.dtaFbTblCell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
    font-weight: 300;
}
.dtaFbTblCell.dbl {
	width: 50%;
}
.dtaFbTblRow .dtaFbTblCell.classic:first-of-type {
	flex: 4;
}
.dtaFbTblCell.classic {
	flex: 6;
}
.dtaFbTblCell.btnCell.classic {
	flex: 0;
}
.dtaFbTblCell.rowWithBtn {
	width: calc(100% - 16px);
}
.dtaFbTblCell.dbl.rowWithBtn {
	width: calc(50% - 8px);
}
.dtaFbTblCellContent {
	width: 100%;
}
.dtaFbTblCell.btnCell {
	width: 16px;
	text-align: right;
}
.dtaFbTbl label {
	display: inline;
}
.dtaFbTblCell.inline {
	text-align: center;
}
.dtaFbTblCell.inline .chosen-container {
	margin-top: -4px;
}
.dtaFbTbl ::-webkit-scrollbar, .dtaFbTbl ::-webkit-scrollbar-corner  {
	background-color: #FFF;
	border-color: #FFF;
}
.dtaFbTbl ::-webkit-scrollbar-track-piece, .dtaFbTbl ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #FFF;
}
.dtaFbTbl ::-webkit-scrollbar-track-piece, .dtaFbTbl ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #FFF;
}
.dtaFbTbl ::-webkit-scrollbar-thumb, .dtaFbTbl ::-webkit-scrollbar-thumb:horizontal {
	border-color: #FFF;
}


/****** habilitationBox ******/
.habilitationBoxWrapper .habilitationBox {
	margin-top: 12px;
}
.habilitationBoxWrapper .habilitationBox:first-child {
	margin-top: 0;
}
.validite_habilitationDtaTbl {
	margin-bottom: 12px;
}

/****** phaseBox ******/
.gestionPhaseBoxWrapper {}
.gestionPhaseBoxWrapper .h3Wrapper {
	display:flex;
	flex-direction: row;
}
.h3Wrapper .h3Phase {
	width: 344px;
	min-width: 344px;
}
#contentBox .h3Wrapper h3.h3Recueil {
	margin-left: 12px;
	flex-grow: 1;
}
.gestionPhaseBoxWrapper .phaseBoxWrapper {
	display: flex;
	flex-direction: row;
}
.phaseBoxWrapper .phaseBox {
	width: 350px;
	min-width: 350px;
}
.phaseBoxWrapper .recueilBox {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-grow: 2;
	overflow: auto;
	margin-left: 12px;
}
.phaseBoxWrapper .dtaFbTbl {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 300;
	color: #3F3E3E;
	max-width: 350px;
}
.phaseBoxWrapper .recueilBox .dtaFbTbl {
	margin-left: 12px;
	flex-shrink: 0;
}
.phaseBoxWrapper .recueilBox .dtaFbTbl:first-of-type {
	margin-left: 0;
}
.phaseBoxWrapper .dtaFbTblRow {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	background-color: #FFF;
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #ECECEC;
}
.phaseBoxWrapper .dtaFbTblRow.hide {
	display: none;
}
.phaseBoxWrapper .dtaFbTblRow.css_impair {
	background-color: #F6F6F6;
}
.phaseBoxWrapper .dtaFbTblCell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*width: calc(50% - 10px);*/
	width: 50%;
    font-weight: 300;
}
.phaseBoxWrapper .dtaFbTblCell.rowWithBtn {
	width: calc(50% - 19px);
}
.phaseBoxWrapper .itemPhase .dtaFbTblCell.rowWithBtn {
	width: calc(50% - 10px);
}
.phaseBoxWrapper .dtaFbTblCellContent {
	width: 100%;
}
.phaseBoxWrapper .dtaFbTblCell.btnCell {
	width: 38px;
	text-align: right;
}
.phaseBoxWrapper .itemPhase .dtaFbTblCell.btnCell {
	width: auto;
	text-align: right;
}
/*.phaseBoxWrapper .dtaFbTblCell.dbl .dtaFbTblCellContent {
	text-align: center;
}
.phaseBoxWrapper .dtaFbTblCell.dbl select {
	width: auto;
}
.phaseBoxWrapper .dtaFbTblCell.dbl input[type=text] {
	width: 100%;
	text-align: center;
}*/
.phaseBoxWrapper label {
	display: inline;
}
.gestionPhaseBoxWrapper .separator {
	border-bottom: 2px #333 dashed;
}

/****** pModuleBox ******/
.pModuleBoxWrapper {}
.pModuleBox {
	padding: 12px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #ECECEC;
}
.pModuleBox.css_impair {
	background-color: #F6F6F6;
}
.pModuleBox .fxWrapper {
	display: flex;
	flex-direction: row;
}
.pModuleBox .dropCellWrapper {
	flex: 1;
}
.pModuleBox .delpModuleItem {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.delpModuleItem:hover {
	opacity: 0.6;
}
.titrepModuleStr {
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	margin-bottom: 12px;
}
.titrepModuleVal {}
.pModuleBoxWrapper .moduleContent {}
.pModuleBoxWrapper.dropCellWrapper {}
.pModuleBoxWrapper .dropCell {}
.pModuleBoxWrapper .dropCell .placeholder {
	text-align: center;
}

/****** cotisationBox ******/
.cotisationBoxWrapper {}
.cotisationBox {
	padding: 12px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #ECECEC;
}
.cotisationBox.css_impair {
	background-color: #F6F6F6;
}
.cotisationBox .fxWrapper {
	display: flex;
	flex-direction: row;
}
.cotisationBox .dropCellWrapper {
	flex: 1;
}
.cotisationBox .delCotisationItem {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.delCotisationItem:hover {
	opacity: 0.6;
}
.titreCotisationStr {
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	margin-bottom: 12px;
}
.titreCotisationVal {}
.cotisationBoxWrapper .cotisationContent {}
.cotisationBoxWrapper.dropCellWrapper {}
.cotisationBoxWrapper .dropCell {}
.cotisationBoxWrapper .dropCell .placeholder {
	text-align: center;
}
.cotisationBox .cdtaTbl {
	margin-top: 12px;
	width:100%;
}
.cotisationBox .cdtaTbl tr {}
.cotisationBox .cdtaTbl th {
	font-weight: 400;
	text-align: left;
}
.cotisationBox .cdtaTbl th label {}
.cotisationBox .cdtaTbl td {}


/****** Globals ******/

.hide {
	display: none;
}

.bb {
	box-sizing: border-box; /* css3 rec */
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */
}

.btn {
	cursor: pointer;
}

div.loader {
	text-align: center;
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 10;
}
.titleBar .loader {
	right: 8px;
	top: 8px;
}

a, a:hover, a:visited, a:active {
	color: #21C2F8;
	text-decoration: none;
}

.bold, b, strong {
	font-weight: 700;
}

.textareaFormat {
	white-space: pre-wrap;
}

input[type=button] {
	color: #ffffff;
	font-size: 12px;
	background: #3f3e3e;
	padding: 4px 20px 4px 20px;
	text-decoration: none;
	border: none;
}
input[type=date], input[type=datetime], input[type=datetime-local], input[type=time] {
	font-weight: 400;
	font-family: 'Open Sans';
}

input[type=button]:hover {
	background-color: #21C2F8;
}
	.cssElection input[type=button]:hover {
		background-color: #A0BF38;
	}

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: #ECECEC;
}
::-webkit-scrollbar-track-piece {
	background-color: #C5C5C5;
	border: solid 3px #ECECEC;
	border-radius: 7px;
	margin: 3px;
}

.selectcontainer::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #2e373c;
}
.selectcontainer::-webkit-scrollbar-track-piece {
    background-color: #2e373c;
    border: solid 3px #2e373c;
    border-radius: 7px;
    margin: 3px;
}

.selectcontainer::-webkit-scrollbar-thumb {
    border: solid 0 transparent;
    border-right-width: 3px;
    border-left-width: 3px;
    -webkit-border-top-right-radius: 6px 3px;
    -webkit-border-bottom-right-radius: 6px 3px;
    -webkit-border-top-left-radius: 6px 3px;
    -webkit-border-bottom-left-radius: 6px 3px;
    -webkit-box-shadow: inset 0 0 0 5px #a5a5a5;
}

::-webkit-scrollbar-track-piece:horizontal {
	border: solid 3px #ECECEC;
}
::-webkit-scrollbar-thumb {
	border: solid 0 transparent;
	border-right-width: 3px;
	border-left-width: 3px;
	-webkit-border-top-right-radius: 6px 3px;
	-webkit-border-bottom-right-radius: 6px 3px;
	-webkit-border-top-left-radius: 6px 3px;
	-webkit-border-bottom-left-radius: 6px 3px;
	-webkit-box-shadow: inset 0 0 0 5px #6F6F6E;
}
::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 0 5px #8F8F8E;
}
::-webkit-scrollbar-thumb:horizontal {
	border-right-width: 0;
	border-left-width: 0;
	border-top-width: 3px;
	border-bottom-width: 3px;
	-webkit-border-top-right-radius: 3px 6px;
	-webkit-border-bottom-right-radius: 3px 6px;
	-webkit-border-top-left-radius: 3px 6px;
	-webkit-border-bottom-left-radius: 3px 6px;
	-webkit-box-shadow: inset 0 0 0 5px #6F6F6E;
}

::-webkit-scrollbar-thumb:horizontal:hover {
	-webkit-box-shadow: inset 0 0 0 5px #8F8F8E;
}
::-webkit-scrollbar-corner {
	background-color: #ECECEC;
}


.infobulleBox {
	position: relative;
}
.infobulleBox:hover {
	cursor: help;
}
.infobulleBox .infobulle {
	display: none;
	text-align: left;
}
.infobulleBox:hover .infobulle {
	display: inline-block;
	position: absolute;
	z-index: 10;
	top: 12px;
	/*right: 12px;*/
	background: #FFF;
	color: #333;
	padding: 12px;
	white-space: pre-line;
	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
}
.infobulleBox.left:hover .infobulle {
	/*left: 12px;*/
}


div.msgBox {
	position: absolute;
	width: auto;
	max-width: 80%;
	max-height: 70%;
	overflow: auto;
	padding: 4px 23px 4px 4px;
	font-size: 13px;
	text-align: center;
	display: none;
	z-index: 1000;
}

div.msgBox img {
	position: absolute;
	right: 4px;
	top: 4px;
}
div.msgBox img#closeMsgBox {
	position: absolute;
	right: 8px;
	top: 8px;
}

div.msgBox .titre {
	margin: 5px 10px;
}

div.msgBox .msg {
	margin: 10px 5px 5px 5px;
}

div.msgBox.erreur {
	color: #333;
	background-color: #f87e7e;
	border: 1px solid red;
}

div.msgBox.erreur .msg {
	margin: 5px auto;
	padding: 3px 3px 3px 20px;
	background: url(../img/icon/picto_x.png) center left no-repeat;
	list-style: none;
	text-align: left;
}

div.msgBox.confirm {
	color: #333;
	background-color: #A0BF38;
	border: 1px solid #A0BF38; /*#A5FA40;*/
}

div.msgBox.confirm .msg {
	margin: 5px auto;
	/*padding: 3px 3px 3px 20px;
	background: url(../img/icon/picto_ok.png) center left no-repeat;*/
	padding: 3px;
	list-style: none;
	text-align: left;
	color: #FFF;
	font-weight: 700;
}

div.msgBox.information {
	color: #333;
	background-color: #ddd;
	border: 1px solid #333;
}

div.msgBox.information .msg {
	margin: 5px auto;
	padding: 3px 3px 3px 20px;
	background: url(../img/icon/picto_i.png) center left no-repeat;
	font-weight: bold;
	list-style: none;
	text-align: left;
}

div.msgBox.warning {
	color: #333;
	background-color: #FD0;
	border: 1px solid #F80;
}

div.msgBox.warning .msg {
	margin: 5px auto;
	padding: 3px 3px 3px 20px;
	background: url(../img/icon/picto_attention.png) center left no-repeat;
	list-style: none;
	text-align: left;
}

#apercuBox select.inscriptionModalSelect.ui-autocomplete-input {
	width: 100%;
	font-size: 14px;
}

#apercuBox .labelWrapper, #apercuBox .adresseWrapper, #apercuBox .emailWrapper, #apercuBox .telWrapper, #apercuBox .mobileWrapper, #apercuBox .eluWrapper {
	width: 100%;
	font-size: 16px;
	line-height: 17px;
}
#apercuBox .pictoLabel, #apercuBox .pictoAdresse, #apercuBox .pictoEmail, #apercuBox .pictoTel, #apercuBox .pictoMobile, #apercuBox .pictoElu {
	display: inline-block;
	vertical-align: middle;
}
#apercuBox .label, #apercuBox .adresseLabelWrapper, #apercuBox .emailLabel, #apercuBox .telLabel, #apercuBox .mobileLabel, #apercuBox .eluLabel {
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}
#apercuBox .labelWrapper {
	margin-bottom: 12px;
}
#apercuBox .adresseWrapper, #apercuBox .emailWrapper {
	margin-top: 6px;
}
#apercuBox .telWrapper, #apercuBox .mobileWrapper {
	margin-top: 3px;
}
#apercuBox .eluWrapper {
	margin-top: 12px;
}
#apercuBox .pictoAdresse {
	vertical-align: top;
}
#apercuBox .pictoEmail, #apercuBox .pictoTel {
	margin-left: 2px;
	margin-right: 1px;
}
#apercuBox .pictoMobile {
	margin-left: 4px;
	margin-right: 3px;
}
#apercuBox .pictoElu {
	margin-left: 2px;
	margin-right: 2px;
}

#apercuBox iframe {
	width: 100%;
	height: calc(100% - 2px);
	padding: 0;
	margin: 0;
	border: none;
	box-shadow: none;
	opacity: 1;
	background-color: #FFF;
}
/*#apercuBox .ui-button-icon-primary .ui-icon .ui-icon-closethick*/
.apercuBox.ui-widget .ui-widget-header {
	background-color: #21C2F8;
}
.apercuBox .ui-widget-header .ui-button-text {
	padding: 0;
}

.apercuBox button.ui-dialog-titlebar-close {
	background-color: #21C2F8;
	border-color: #21C2F8;
	background-image: none;
}

.apercuBox .ui-icon-closethick {
	background-color: #21C2F8;
	border-color: #21C2F8;
}

.apercuBox .ui-icon-closethick:hover {
	opacity: 0.5;
}

.apercuBox.ui-dialog.ui-widget-content {
	opacity: 1;
}

.ui-dialog {
	font-size: 12px;
	padding: 0;
}

.ui-dialog .ui-widget-header {
	border: none;
	background: none;
}

.ui-dialog.ui-widget-content {
	border: none;
	background: none;
	background-color: #2E373C;
	opacity: 0.9;
}

.ui-dialog.ui-widget-content.autocomplete {
    overflow: visible;
}

.ui-dialog .ui-corner-all {
	border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #FF373C;
	color: #FFF;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
}

.ui-dialog .ui-dialog-content p {
	/*padding: 0 6px 0 36px;
	background-image: url(../img/icon/picto_attention.png);
	background-position-x: 10px;
	background-position-y: center;
	background-repeat: no-repeat;*/
	text-align: center;
	font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0;
	padding: 0 30px;
	text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	margin: 0 0 16px 20px;
	padding: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-of-type(1)
	{
	margin-left: 0;
	padding: 0;
	background: none;
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #3F3E3E;
	font-weight: 700;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-of-type(1).ui-state-focus
	{
	background: none;
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #3F3E3E;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-of-type(1).ui-state-default
	{
	background: none;
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #3F3E3E;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-of-type(1).ui-state-hover
	{
	background: none;
	background-color: #DDD;
	border: 1px solid #DDD;
	color: #3F3E3E;
}

.ui-autocomplete {
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid transparent;
	border-radius: 0;
	background: #FFF;
	box-shadow: none;
	color: #3F3E3E;
	font-weight: 600;
	font-size: 14px;
}
.ui-autocomplete.sb_autocomplete {
	border-top: 1px solid #9C9B9B;
}
.ui-autocomplete.ui-menu .ui-menu-item {
	padding: 5px 6px;
	font-weight: 600;
}
.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
	border: 1px solid transparent;
	background: none;
	background-color: #21C2F8;
	font-weight: 600;
}
.ui-autocomplete .autocompleteIconLi {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.ui-autocomplete .autocompleteIconImg {}
.ui-autocomplete .autocompleteIconLabel {
	margin-left:  6px;
}

*:focus {
	border: 0;
	outline: none;
	box-shadow: none;
}

.selectcontainer {
    height: 450px;
    overflow: auto;
    margin: 10px 5px;
}

.selectcontainer2 {
    height: 251px;
    overflow: auto;
    margin: 10px 5px;
}

.selectInput {
    width: 95%;
    margin: 5px;
    text-align: left;
    height: 40px;
}

input#inputSelectContainer {
    WIDTH: 100%;
    height: 50%;
    font-size: 15px;
    padding: 3px;
}

input.inscriptionModalSelect.ui-autocomplete-input {
    width: 99%;
    height: 20px;
    font-size: 15px;
}

.tableInscription {
    background: white;
    color: black;
    font-size: 14px;
    width: 100%;
}

.tableInscription tr {
    border: solid gray;
    border-width: 0.5px;
    padding: 1px;
}

.tableInscription td:hover {
    margin-bottom: 11px;
    background-color: #21C2F8;
    color: #FFF;
	cursor: pointer;
}

.tableInscription tr:nth-child(even) {background: #ebebeb}
.tableInscription tr:nth-child(odd) {background: #FFF}

.tableInscription td {
    padding-left: 13px;
    padding: 5px 0px 5px 10px;
}

.tableInscription tr.selectedRow{
	margin-bottom: 11px;
    background-color: #21C2F8;
    color: #FFF;
}

.chosen-container {
	margin: 0 0 0 0;
	text-align: left;
	border: 2px solid transparent;
}

.chosen-container .chosen-drop {
	border: 1px solid #FFF;
	box-shadow: none;
}

.chosen-container-single .chosen-single {
	border: 1px solid transparent;
	border-radius: 0;
	background: none;
	box-shadow: none;
	/* color: #ffffff; */
	padding-left: 0;
}

.selectWrapper .chosen-container-single .chosen-single {
	color: white;
}

.chosen-container-single .chosen-default {
	border: 1px solid transparent;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: #999;
	font-weight: 400;
	font-style: italic;
	padding-left: 0;
}

.chosen-container-single .chosen-drop {
	border-radius: 0;
}

.chosen-container-multi .chosen-choices {
	border: 1px solid transparent;
	background: none;
	padding-left: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
	border-radius: 0;
	font-size: 13px;
	background-image: none;
	box-shadow: none;
	background-color: #FFF;
	border-color: #B1B1B0;
	color: #3F3E3E;
}

.chosen-container-multi .search-field input {
	color: #999;
	font-weight: 400;
	font-style: italic;
	padding-left: 0;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #21C2F8;
	background-image: none;
}

.chosen-container .chosen-results li.optGroup {
	font-weight: 700;
}

.chosen-container .chosen-results li.optChild {
	font-size: 12px;
	font-weight: 400;
	margin-left: 15px;
}

.chosen-container .chosen-results li.optGrandchild {
	font-size: 11px;
	font-weight: 300;
	margin-left: 25px;
}

.chosen-container-active .chosen-single {
	border: 1px solid transparent;
	box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid transparent;
	background-image: none;
	box-shadow: none;
}

.chosen-container-active .chosen-choices {
	border: 1px solid transparent;
	box-shadow: none;
}

.chosen-container .search-field {
	/*width: 100%;*/
	
}

/*


.imgWrapper {
	display: table;
	height: 70px;
}
.imgWrapper span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 14px;
}


#complementBox #intervenantsBox h3 {
	background-color: #3F3E3E;
	color: #FFFFFF;
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	padding-left: 6px;
	margin-bottom: 0px;
	margin-left: 1%;
}
#contentBox #complementBox #intervenantsBox {
	margin-right: 1%;
	margin-left: 0px;
}
#complementBox #intervenantsBox .itemParticipant {
	width: 49%;
	display: inline-block;
	padding-left: 1%;
	margin-top: 2px;
}
#intervenantsBox .itemParticipant .itemP_header {
	background-color: #21C2F8;
	color: #FFFFFF;
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	text-align: right;
	font-size: 12px;
	padding-right: 5px;
}
#intervenantsBox .itemParticipant .itemP_body {
	background-color: #FFFFFF;
	padding-left: 35px;
	color: #3F3E3E;
	font-family: open-sans;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 13px;
	background-image: url(Images/picto_personnage.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
#intervenantsBox .itemParticipant .itemP_footer {
	background-color: #585857;
	color: #FFFFFF;
	font-family: open-sans;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	text-align: right;
	padding-right: 5px;
}



*/
.informationBoxContent table.dtaTblReportingCampagne {
	width: 100%;
	color: #3F3E3E;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}

.informationBoxContent table.dtaTblReportingCampagne tr {
	text-align: left;
	margin-bottom: 11px;
	background-color: #FFFFFF;
	padding: 0 3px;
}

.informationBoxContent table.dtaTblReportingCampagne tr:hover td {
	background-color: #bdbdbd;
	cursor: pointer;
}

.informationBoxContent table.dtaTblReportingCampagne th {
	min-width: 100px;
	max-width: 140px;
	text-align: left;
	font-weight: 300;
	padding: 3px 0;
	border-bottom: 1px solid #ECECEC;
}
.informationBoxContent table.dtaTblReportingCampagne th:first-child {
	padding-left: 10px;
}
.informationBoxContent table.dtaTblReportingCampagne th:last-child {
	padding-right: 10px;
}

.informationBoxContent table.dtaTblReportingCampagne td {
	min-width: calc(100% - 140px);
	max-width: calc(100% - 100px);
	text-align: left;
	font-weight: 700;
	padding: 3px 0;
	border-bottom: 1px solid #ECECEC;
	line-height: 14px;
}
.informationBoxContent table.dtaTblReportingCampagne td:first-child {
	padding-left: 10px;
}
.informationBoxContent table.dtaTblReportingCampagne td:last-child {
	padding-right: 10px;
}

.informationBoxContent table.dtaTblReportingCampagne .css_impair {
	background-color: #F6F6F6;
}

.informationBoxContent table.dtaTblReportingCampagne .deleted {
	background: none;
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
	padding: 6px 0;
}

.informationBoxContent table.dtaTblReportingCampagne tr ::-webkit-scrollbar, .informationBoxContent table.dtaTblReportingCampagne tr ::-webkit-scrollbar-corner  {
	background-color: #FFF;
}
.informationBoxContent table.dtaTblReportingCampagne tr ::-webkit-scrollbar-track-piece, .informationBoxContent table.dtaTblReportingCampagne tr ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #FFF;
}
.informationBoxContent table.dtaTblReportingCampagne tr.css_impair ::-webkit-scrollbar, .informationBoxContent table.dtaTblReportingCampagne tr.css_impair ::-webkit-scrollbar-corner  {
	background-color: #F6F6F6;
}
.informationBoxContent table.dtaTblReportingCampagne tr.css_impair ::-webkit-scrollbar-track-piece, .informationBoxContent table.dtaTblReportingCampagne tr.css_impair ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #F6F6F6;
}

.informationBoxContent.reporting {
	overflow-y: scroll;
}
.informationBoxContent .statsReporting {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	background-color: white;
	padding: 10px 0;
}
.informationBoxContent .statsReporting .rapportRemisNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.informationBoxContent .statsReporting .rapportOKNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.informationBoxContent .statsReporting .rapportBINb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.informationBoxContent .statsReporting .rapportBPNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.informationBoxContent .statsReporting .rapportKONb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.informationBoxContent .statsReporting .rapportClicNb {
	font-size: 20px;
	font-weight: 700;
	color: #6F6F6E;
}
.informationBoxContent .statsReporting .bleu{
	color: #21C2F8;
}
.informationBoxContent .statsReporting .tbBas{
	padding-top: 12px;
	padding-bottom: 12px;
}

.complementBoxContent table.dtaTblInfosReporting {
	width: 100%;
	color: #3F3E3E;
	font-size: 14px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}

.complementBoxContent table.dtaTblInfosReporting tr {
	text-align: left;
	margin-bottom: 11px;
	background-color: #FFFFFF;
	padding: 0 3px;
}

.complementBoxContent table.dtaTblInfosReporting th {
	min-width: 100px;
	max-width: 140px;
	text-align: left;
	font-weight: 300;
	padding: 3px 0;
	border-bottom: 1px solid #ECECEC;
}
.complementBoxContent table.dtaTblInfosReporting th:first-child {
	padding-left: 10px;
}
.complementBoxContent table.dtaTblInfosReporting th:last-child {
	padding-right: 10px;
}

.complementBoxContent table.dtaTblInfosReporting td {
	min-width: calc(100% - 140px);
	max-width: calc(100% - 100px);
	text-align: left;
	font-weight: 700;
	padding: 3px 2px;
	border-bottom: 1px solid #ECECEC;
	line-height: 14px;
}
.complementBoxContent table.dtaTblInfosReporting td:first-child {
	padding-left: 10px;
}
.complementBoxContent table.dtaTblInfosReporting td:last-child {
	padding-right: 10px;
}

.complementBoxContent table.dtaTblInfosReporting .css_impair {
	background-color: #F6F6F6;
}

.complementBoxContent table.dtaTblInfosReporting .deleted {
	background: none;
	background-image: url(../img/fond_delete_hachure.png);
	background-repeat: repeat;
	padding: 6px 0;
}

.complementBoxContent table.dtaTblInfosReporting tr ::-webkit-scrollbar, .complementBoxContent table.dtaTblInfosReporting tr ::-webkit-scrollbar-corner  {
	background-color: #FFF;
}
.complementBoxContent table.dtaTblInfosReporting tr ::-webkit-scrollbar-track-piece, .complementBoxContent table.dtaTblInfosReporting tr ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #FFF;
}
.complementBoxContent table.dtaTblInfosReporting tr.css_impair ::-webkit-scrollbar, .complementBoxContent table.dtaTblInfosReporting tr.css_impair ::-webkit-scrollbar-corner  {
	background-color: #F6F6F6;
}
.complementBoxContent table.dtaTblInfosReporting tr.css_impair ::-webkit-scrollbar-track-piece, .complementBoxContent table.dtaTblInfosReporting tr.css_impair ::-webkit-scrollbar-track-piece:horizontal {
	border-color: #F6F6F6;
}
.complementBoxContent table.dtaTblInfosReporting tr td#message {
	word-break: break-word;
}

.complementBoxContent a.reportingTrackingLink {
	color: black;
	text-decoration: underline;
}
.complementBoxContent a.reportingTrackingLink:hover {
	color: blue;
}

.informationBoxContent.reporting .dataTables_filter {
	float: none;
	text-align: inherit;
	display: flex;
	justify-content: space-between;
	gap: 5px;
}
.informationBoxContent.reporting .dataTables_filter input {
	width: 100%;
	height: 22px;
	padding: 0 0 0 37px;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 300;
	color: #3F3E3E;
	background-color: white;
	border: none;
	background-image: url(../img/icon/picto_loupe.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}

.informationBoxContent.reporting select {
	width: auto;
	background-color: white;
	border-radius: 3px;
	margin-bottom: 10px;
}