/*ICOMOON*/
@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon.eot?1pcid5');
	src:  url('fonts/icomoon.eot?1pcid5#iefix') format('embedded-opentype'),
	url('fonts/icomoon.ttf?1pcid5') format('truetype'),
	url('fonts/icomoon.woff?1pcid5') format('woff'),
	url('fonts/icomoon.svg?1pcid5#icomoon') format('svg');
}
@font-face{
	font-family: 'icomoon2023';
	src:  url('fonts2023/icomoon2023.eot?1pcid5');
	src:  url('fonts2023/icomoon2023.eot?1pcid5#iefix') format('embedded-opentype'),
	url('fonts2023/icomoon2023.ttf?1pcid5') format('truetype'),
	url('fonts2023/icomoon2023.woff?1pcid5') format('woff'),
	url('fonts2023/icomoon2023.svg?1pcid5#icomoon') format('svg');

	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family : Roboto;
	src: url('./fonts/Roboto-Regular.ttf') format('truetype');
	font-weight : normal;
	font-style  : normal;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-bookUtil:before {
	content: "\e90a";
}
.icon-mdpOublie3-4:before {
	content: "\e909";
}
.icon-mdpOublie-1:before {
	content: "\e908";
}
.icon-file-XSD:before {
	content: "\e905";
}
.icon-logo-AKT2:before {
	content: "\e906";
}
.icon-logo-PTL:before {
	content: "\e907";
}
.icon-add-outline:before {
	content: "\e904";
}
.icon-locked:before {
	content: "\e900";
}
.icon-encryption:before {
	content: "\e900";
}
.icon-login:before {
	content: "\e900";
}
.icon-log-in:before {
	content: "\e900";
}
.icon-home:before {
	content: "\e901";
}
.icon-book:before {
	content: "\e91f";
}
.icon-library:before {
	content: "\e921";
}
.icon-file-picture:before {
	content: "\e927";
}
.icon-file-zip:before {
	content: "\e92b";
}
.icon-folder-open:before {
	content: "\e930";
}
.icon-phone:before {
	content: "\e942";
}
.icon-phone-hang-up:before {
	content: "\e943";
}
.icon-printer:before {
	content: "\e954";
}
.icon-download:before {
	content: "\e960";
}
.icon-upload:before {
	content: "\e961";
}
.icon-bubble2:before {
	content: "\e96e";
}
.icon-user:before {
	content: "\e971";
}
.icon-spinner9:before {
	content: "\e982";
}
.icon-zoom-in:before {
	content: "\e987";
}
.icon-shrink:before {
	content: "\e98a";
}
.icon-hammer:before {
	content: "\e996";
}
.icon-bin:before {
	content: "\e9ac";
}
.icon-switch:before {
	content: "\e9b6";
}
.icon-eye:before {
	content: "\e9ce";
}
.icon-eye-blocked:before {
	content: "\e9d1";
}
.icon-cool:before {
	content: "\e9eb";
}
.icon-cancel-circle:before {
	content: "\ea0d";
}
.icon-cross:before {
	content: "\ea0f";
}
.icon-circle-left:before {
	content: "\ea44";
}
.icon-sort-amount-asc:before {
	content: "\ea4c";
}
.icon-sort-amount-desc:before {
	content: "\ea4d";
}
.icon-mail4:before {
	content: "\ea86";
}
.icon-file-pdf:before {
	content: "\eadf";
}
.icon-file-word:before {
	content: "\eae1";
}
.icon-file-excel:before {
	content: "\eae2";
}
.icon-information:before {
	content: "\e903";
}
.icon-document-file-pdf:before {
	content: "\e902";
}

[class^="icon2023-"], [class*=" icon2023-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon2023' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon2023-pencil:before {
  content: "\e90f";
}

.icon2023-checkmark:before {
	content: "\ea10";
}
.icon2023-new-tab:before {
	content: "\ea7e";
}
.icon2023-enlarge2:before {
	content: "\e98b";
}
.icon2023-shrink2:before {
	content: "\e98c";
}
.icon2023-arrow-up2:before {
	content: "\ea3a";
}
.icon2023-newspaper:before {
	content: "\e910";
}
.icon2023-newspaper:before {
	content: "\e910";
}
.icon2023-history:before {
	 content: "\e911";
 }
/*FIN - ICOMOON*/

body
{
	padding:0;
	margin:0;
	/*background-color: azure ;*/
	font-family: 'Roboto';


}

.titre{
		color: #1e1e1e;
		margin-top: 10px;
	font-family:'Roboto';
		font-size: 30px;
		letter-spacing: 3px;
		text-align: center;
		/*text-shadow: 2px 3px 3px #767676;*/
}
.soustitre{
	color: #1e1e1e;
	font-family:'Roboto';
	font-weight : bold;
	font-size: 20px;
	letter-spacing: 3px;
	text-align: center;

}

/*Boite de connexion*/
/*.boiteAuthentification
{
		height:215px;
		width:550px;
		position:absolute;
		left:50%;
		top:40%;
		margin-left:-275px;
		margin-top:-107px;
}*/
#indexLogo
{
	position: fixed;
	left : 0;
	top : 2%;
}
.icon-25
{
	font-size: 25px;
}
.boiteAuthentification
{
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:410px;

}

.boiteAuthentificationInfo
{
	height:280px;
	background-color:#fff ;
	padding:20px;
	box-shadow: 1px 1px 12px #eee;
}

.boiteAuthentificationInfo label
{
	display:inline-block;
	font-size: 15px;
	font-family: 'Roboto';
	font-weight : bold;
}

#mdpOublie
{
	text-align : right;
	font-family: 'Roboto';
	font-weight : bold;
}
#mdpOublie a
{
	font-size : 15px;
	color : #1775A3;
}
#mdpOublieFermer
{
	float : right;
	margin : 0 10px 0 0;
	font-family: 'Roboto';
	font-weight : bold;
	font-size : 15px;
	color : #1775A3;
	cursor : pointer;
}
.inputINDEX {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	font-size: 15px;
	padding: 0 12px;
	margin-top:7px;
}
.PTL_reponse_contenuBouton
{
	display: inline-block;

	width:100%;
	height:40px;
	line-height: 40px;
	text-align: center;

	border:1px solid #ccc;
	margin: 0 0 0 -1px;

	cursor:pointer;

	background: #1775A3; /* Old browsers */
	background: -moz-linear-gradient(bottom, #1775A3 0%, #2694CA 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #1775A3 0%,#2694CA 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #1775A3 0%,#2694CA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2694CA', endColorstr='#1775A3',GradientType=0.5); /* IE6-9 */

	color:#FFF;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	font-family:  'Arial','Helvetica', sans-serif;
	font-size: 14px;

}

.PTL_reponse_contenuBouton:hover
{
	background: #2694CA; /* Old browsers */
	background: -moz-linear-gradient(bottom, #2694CA 0%, #1775A3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #2694CA 0%,#1775A3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #2694CA 0%,#1775A3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1775A3', endColorstr='#2694CA',GradientType=0.5); /* IE6-9 */

	color:#FFF;
}

.PTL_btnVert
{
	display: inline-block;

	width:140px;
	height:30px;
	line-height: 30px;
	text-align: center;

	border:1px solid #ccc;
	margin: 0 0 0 -1px;

	cursor:pointer;

	background: #7DCEA0; /* Old browsers */
	background: -moz-linear-gradient(bottom, #7DCEA0 0%, #52BE80 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #7DCEA0 0%,#52BE80 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #7DCEA0 0%,#52BE80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52BE80', endColorstr='#7DCEA0',GradientType=0.5); /* IE6-9 */

	color:#FFF;

	font-family:  'Roboto';
	font-size: 14px;

}

.PTL_btnVert:hover
{
	background: #2694CA; /* Old browsers */
	background: -moz-linear-gradient(bottom, #52BE80 0%, #7DCEA0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #52BE80 0%,#7DCEA0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #52BE80 0%,#7DCEA0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7DCEA0', endColorstr='#52BE80',GradientType=0.5); /* IE6-9 */

	color:#FFF;
}

.PTL_btnNoir
{
	display: inline-block;

	width:100px;
	height:30px;
	line-height: 30px;
	text-align: center;

	border:1px solid #ccc;
	margin: 0 0 0 -1px;

	cursor:pointer;

	background: #4E4E4E; /* Old browsers */
	background: -moz-linear-gradient(bottom, #4E4E4E 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #4E4E4E 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #4E4E4E 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4E4E4E',GradientType=0.5); /* IE6-9 */

	color:#FFF;
	font-family:  'Roboto';
	font-size: 14px;

}

.PTL_btnNoir:hover
{
	background: #4E4E4E; /* Old browsers */
	background: -moz-linear-gradient(bottom, #000000 0%, #4E4E4E 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #000000 0%,#4E4E4E 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #000000 0%,#4E4E4E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E4E4E', endColorstr='#000000',GradientType=0.5); /* IE6-9 */

	color:#FFF;
}

.titrePage
{
		padding : 175px 0 0 0;
		font-size:20px;
		font-family:arial;
		font-weight:bold;
		text-align:center;
		margin:10px 10px 10px 10px;
}

.tableAuthentification
{
		font-weight:bold;
		font-size:14px;
		font-family:arial;
		width:90%;
}
.tableAuthentification td
{
		padding-top:2px;
		padding-bottom:2px;
}

.lienAuthentification
{
		color:#00E;
		font-size:12px;
}

.inputAuthentification
{
		width: 200px;
		height:20px;
}

.submitAuthentification
{
		height:40px;
		width: 100px;

}

.erreur
{
		color:#E00;
		font-size:14px;
}

/*Mot de passe oubli�*/
.filtreMDPPerdu
{
		background-color:black;
		width:100%;
		height:100%;
		position:absolute ;
		left:0;
		top:0;
		z-index:50000;
		opacity:0.87;
		filter : alpha(opacity=82);
		display:none;
}
.boiteMDPPerdu
{
		width:700px;
		height:180px;
		top:50%;
		left:40%;
		margin-left:-188px;
		margin-top:-100px;
		position:absolute;
		z-index:50001;
		border:20px solid white;
		background-color:#FFF;
	font-family:'Roboto';
		display:none;
}
.enTeteMDPPerdu
{
	position:absolute;
	width:496px;
	height:35px;
	top:0px;
	left:0px;
	background-color:#1775a3;
	font-size : 18px;
	padding : 2px;
	line-height: 35px;
	color : #FFF;
}
#fermerPop
{
	float : right;
	font-size : 20px;
	text-align : right;
	cursor : pointer;
	color : #000
}
.imgMDPPerdu
{
	float: left;
	margin: 45px auto 0 40px;
	width : 150px;
	font-size: 100px;
}
.entetePolice
{
	font-size : 20px;
	width : 500px;
	float : right;
	text-align : left;
}
.contenuMDPPerdu
{
	float: right;
	color: #000;
	font-size: 14px;
	width : 500px;
	margin : 30px auto;
}
.btnContenuMdp
{
	display : inline-block;
	width: 500px;
	margin : 10px 10px 10px 0px;
}
#mdpPerduMail
{
	width: 89%;
	height:20px;
	background-color: #F0F3F4;
	border : none;
	margin : auto;
	padding : 5px;

}
#validBtnStandard
{
	width : 30%;
	margin : 10px auto;
}
#renouvMDP
{

	width : 100px;
	text-align : center;
	display         : inline-block;
	color           : #FFF;
	text-decoration : none;
	padding        : 0 10px;
	line-height    : .8rem;
	font-size      : 0.7rem;
	text-align     : center;
	vertical-align : middle;
}
#renouvMDP > a
{

	width : 100px;
	text-align : center;
	display         : inline-block;
	color           : #FFF;
	text-decoration : none;
	line-height    : .8rem;
	font-size      : 0.7rem;
	text-align     : center;
	vertical-align : middle;
	opacity        : .75;
	transition     : .2s ease-in;
}
nav > div > footer > #renouvMDP > a:hover
{
	opacity : 1;
	cursor: pointer;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover, .close:focus {
	color: black;
	text-decoration: none;
		cursor : pointer;
}

/**************************
ADMIN
/**************************
POUR LE MENU
*************************/
.affichBandeauAdmin
{
	width : 100%;
	height : 100px;
	position: fixed;
	top : 0;
	padding : 24px 0 0 0;
	background-color: #FFFFFF;
	z-index: 500;
}
.fieldsetMenu
{
		margin:0;
		padding:0;
		border:0;
		background-color:#4e7db7;
		height:30px;
		min-width: 1000px;
		width:100%;

}

.menuGeneral
{
		width:800px;
		height:24px;
}

.divMenuGauche
{
		width:132px;
		float:left;
		text-align:center;
		padding-top:7px;
		cursor : pointer;
}

.divMenuDroit
{
		width:132px;
		float:right;
		text-align:center;
		padding-top:7px;
}

.lienMenuUser
{
		font-size:14px;
		color:black;
		font-weight:bold;
		font-family:arial ;
		text-decoration:none;
}

.lienMenuUser:hover
{
		font-size:14px;
		color:white;
		font-weight:bold;
		font-family:arial ;
		text-decoration:none;
}

.theFieldsetMENU
{
		margin:0;
		padding:0;
		background-color:#d0d0d0;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
}

.theFieldset
{
		width: 130%;
		margin:0;
		padding:0;
		background-color:#d0d0d0;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
}

/**************************
Pour le fieldsetAcceuil
***************************/
.theFieldsetAccueil
{
		border:0;
		margin:0;
		padding:0;
		width:800px;
		background-color:#e0e0e0;
}

.Identifiants
{
		FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
		FONT-SIZE:12px;
		BORDER: 1px solid #082b85;
		COLOR:#ffffff;
		BACKGROUND-COLOR: #082b85;
		padding-top:15px;
		border-collapse:collapse;
}
.Identifiants td
{
		BORDER: 1px solid #082b85;
}
.messagePageAccueil
{
	font-size : 20px;
	padding : 100px;
}
.nicEdit-main
{
	background-color: #FFFFFF;
}
/**************************
Gestion Modules
*************************/
.theFieldsetModules
{
		width: 130%;
		margin:0;
		padding:0;
		background-color:#e0e0e0;

}
/**************************
Gestion client
*************************/
#fondTbl
{
		width:100%;
}

#filtre
{
		width:750px;
		background-color: #082b85;
}

.tableauGestionClientFiltre
{
		width:100%;
		margin-bottom:10px;
		color:white;
		font-size:14px;
		font-family:arial;
}

.tableauGestionClient
{
		border-collapse:collapse;
		width:100%;
		white-space: nowrap;
}

.tableauGestionClient th
{
		height:30px;
		border:2px solid #d0d0d0;
		color:white;
		font-size:14px;
		font-family:arial;
		background-color:#082b85;
}

.tableauGestionClient td
{
		border:2px solid #d0d0d0;
}

.blokHaut
{
	position: sticky;
	top: 165px; /* Don't forget this, required for the stickiness */
}

th.oblik
{
	height: 140px;
	white-space: nowrap;
	border-left : none;
	border-right : none;
}
th.oblik:after {
	content: ""; /* This is necessary for the pseudo element to work. */
	display: block; /* This will put the pseudo element on its own line. */
	margin: 0 auto; /* This will center the border. */
	width: 40%; /* Change this to whatever width you want. */
	padding-top: 20px; /* This creates some space between the element and the border. */
	position: relative;
	top: 54px;
	left: 10px;
	border-right: 2px solid #d0d0d0;
}

th.oblik > div {
	transform:
		/* Faire correspoondre les colonnes avec l'en-tête */
			translate(3px, 56px)
				/* Rotation dans le sens de l'écriture */
			rotate(315deg);
	width: 30px;
}
th.oblik > div > span {
	border-bottom: 2px solid #d0d0d0;
	padding: 5px 10px 5px 0;
}
#texteHead {
	width : 154px;
	position : absolute;
	top : -5px;
	text-align : left;
	border-bottom: 2px solid #d0d0d0;
	padding: 5px 10px 5px 0;
}

#texteHeadAD {
	width : 137px;
	position : absolute;
	top : -5px;
	text-align : left;
	border-bottom: 2px solid #d0d0d0;
	padding: 5px 10px 5px 0;
}

#texteHeadD {
	width : 93px;
	position : absolute;
	top : -5px;
	text-align : left;
	border-bottom: 2px solid #d0d0d0;
	padding: 5px 10px 5px 0;
}

th.oblik input
{
	position : relative;
	top: 7px;
	left : -7px;
	float : left;
	transform: rotate(45deg);
}

th.theadActions
{
	border-left : none;
	vertical-align : bottom;
}

.soustableauGestionClient
{
		border-collapse:collapse;
		width:100%;
}

.soustableauGestionClient td
{
		border:0px ;
}

input[type=checkbox]:checked
{
		box-shadow:0px 0px 1px #E00;
}

input[type=checkbox]:hover
{
		box-shadow:0px 0px 3px #00E;
}

.button
{
		border-top: 1px solid #e0e0e0;
		background: #d9d9d9;
	font-family: 'roboto';
		text-decoration: none;
}

.button:hover
{
		border-top-color: #d0d2d4;
		background: #d0d2d4;
		color: #D00;
}

.button:active
{
		border-top-color: #c5c7c9;
		background: #c5c7c9;
}

/**************************
Gestion module
*************************/
.tableauGestionModule
{
		border-collapse:collapse;
		height:30px;
		color:white;
		font-size:14px;
		font-family:arial;
		background-color:#082b85;
		margin-left: 10px;
		margin-bottom: 10px;
}

.tableauGestionModule td
{
		color:#000;
		border:2px solid #d0d0d0;
}

/**************************
Gestion Client
*************************/
.theFieldsetMenuClient
{
		margin:0;
		padding:0;
		background-color:#d0d0d0;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		height:30px;
		padding-left:10px;
}

.divMenuUser
{
		padding-right:5px;
		padding-left:5px;
		text-align:center;
		padding-top:2px;
		border-right:1px solid #4b95bc;
}

.fieldsetFichier
{
		width: 80%;
		text-align: left;
}

.tableauModuleClient
{
		float: left;
		border-collapse:collapse;
		border:2px solid #d0d0d0;
		color:white;
		font-size:14px;
		font-family:arial;
		background-color:#082b85;
		margin-bottom: 10px;
}

.tableauModuleClient th
{
		border:2px solid #d0d0d0;
		padding-left: 5px;
}

.tableauModuleClient td
{
		color:#000;
		border:2px solid #d0d0d0;
}

/********************
VEUILLEZ PATIENTER
********************/
.filtreVeuillezPatienter
{
	background-color:black;
	width:100%;
	height:100%;
	position:fixed ;
	left:0;
	top:0;
	z-index:50000;
	opacity:0.87;
	filter : alpha(opacity=82);
	display:block;
}
.enTeteVeuillezPatienter
{
	color : white;
	font-weight: bold;
	font-size : 20px;
	display:block;
}
.boiteVeuillezPatienter
{
	width:500px;
	height:150px;
	left:37%;
	/*margin-left:-188px;*/
	padding-top : 10px;
	position:absolute;
	z-index:50001;
	/*background-image:url('/iBDF/page/Images/veuillezPatienter.png');*/
	font-size:24px;
	font-weight:bold;
	font-family:arial;
	color:white;
	/*border-radius:10px;*/
	display:block;
}
.boiteVeuillezPatienter2
{
	width:500px;
	height:150px;
	left:37%;
	top:30%;
	padding-top : 10px;
	position:absolute;
	z-index:50001;
	font-size:24px;
	font-weight:bold;
	font-family:arial;
	color:white;
	display:block;
	text-align:center;
}
/*.sablier
{
	background-image:url('/iBDF/page/Images/sablier.png');
	width:34px;
	height:42px;
	float:left;
	margin:30px;
	margin-left:40px;
}*/
.contenuPatient
{
	text-align: center;
}
.sablier
{
	display: block;
	width:291px;
	height:51px;
	margin-left : auto;
	margin-right : auto;
}
.loading {
	width : 275px;
	height : 51px;
	margin: 0 auto 0 auto;
	/*display: flex;*/
	animation-delay: 1s;
}
.loading .dot {
	position: relative;
	display : inline-block;
	width: 2em;
	height: 2em;
	margin: 0.2em 0.8em;
	border-radius: 50%;
}
.loading .dot2 {
	position: relative;
	display : inline-block;
	width: 2em;
	height: 2em;
	margin: 0.2em 0.8em;
	border-radius: 50%;
}
.loading .dot::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	animation: wave 2s ease-out infinite;
	margin-left : -22px;
}
.loading .dot2::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	animation: wave 2s ease-out infinite;
	margin-left : -24px;
}
.loading .dot:nth-child(1) {
	background: #fff;
}
.loading .dot:nth-child(1)::before {
	animation-delay: 0.2s;
}
.loading .dot:nth-child(2) {
	background: #7d889b;
}
.loading .dot:nth-child(2)::before {
	animation-delay: 0.4s;
}
.loading .dot:nth-child(3) {
	background: #1775a3;
}
.loading .dot:nth-child(3)::before {
	animation-delay: 0.6s;
}
.loading .dot2:nth-child(1) {
	background: #fff;
}
.loading .dot2:nth-child(1)::before {
	animation-delay: 0.2s;
}
.loading .dot2:nth-child(2) {
	background: #7d889b;
}
.loading .dot2:nth-child(2)::before {
	animation-delay: 0.4s;
}
.loading .dot2:nth-child(3) {
	background: #1775a3;
}
.loading .dot2:nth-child(3)::before {
	animation-delay: 0.6s;
}

@keyframes wave {
	50%,
	75% {
		transform: scale(2.5);
	}
	80%,
	100% {
		opacity: 0;
	}
}
/********************
FIN VEUILLEZ PATIENTER
********************/

/****************/
/* Boite Erreur AJAX*/
/****************/

.filtreErreurAjax
{
		background-color:black;
		width:100%;
		height:100%;
		position:absolute ;
		left:0;
		top:0;
		z-index:50000;
		opacity:0.87;
		filter : alpha(opacity=82);
		display:none;
}

.enTeteErreurAjax
{
		position:absolute;
		width:376px;
		height:35px;
		top:0px;
		left:0px;
		background-color:#DDD;
}

.entetePoliceAjax
{
		color:#000;
		font-size: 14px;
}

.boiteErreurAjax
{
		width:376px;
		height:200px;
		top:50%;
		left:50%;
		margin-left:-188px;
		margin-top:-100px;
		position:absolute;
		z-index:50001;
		border:1px solid white;
		background-color:#FFE;
		font-size:24px;
		font-weight:bold;
		font-family:arial;
		color:white;
		border-radius:5px;
		display:none;
}

.contenuErreurAjax
{
		float:left;
		margin-top:38px;
		color:#000;
		font-size:12px;
		margin-left:10px;
		margin-right:10px;
}
#btnZIP{
	position: fixed;
	left: 10%;
	bottom: 38%;
	z-index: 1000;
	padding: 10px 10px 10px 5px;
	width : 100px;
	height : 80px;
	background-color : #1775A3;
	color : #FFF;
	cursor: pointer;
	border-radius: 5px;
	visibility: hidden;
	font-size : 18px;

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}
#btnZIP span
{
	padding : 5px;
	font-size : 30px;
	text-align : center;
}
#btnZIP:hover{
	background-color : #1775A3;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #1775A3;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(50, 50, 50, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(50, 50, 50, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
	}
}

#titreTelech
{
	background-color: #1775A3;
	color : #FFF;
	width: 800px;
	height : 18px;
	line-height: 18px;
	margin :auto;
	text-align : left;
	font-size : 18px;
	padding : 8px;
}
#entetecol
{
	float : left;
}
.sousTitreTelech
{
	width: 800px;
	margin: auto;
	height : 20px;
	font-size: 15px;
	font-weight : bold;
	border-bottom : 1px solid black;
	padding : 2px;
	margin : 5px auto 5px auto;
}
.sousTitreTelech #blancTelech
{
	width : 455px;
	height : 20px;
	float: left;
	cursor : pointer;
	text-align : left;
	padding : 0 0 0 25px;
}
.sousTitreTelech #blancTelech span
{
	vertical-align: middle;
}
.sousTitreTelech #versionTelech
{
	width : 80px;
	height : 20px;
	float: left;
}
.sousTitreTelech #publishTelech
{
	width : 80px;
	height : 20px;
	float: left;
	cursor : pointer;
	text-align: left;
}
.sousTitreTelech #publishTelech span
{
	vertical-align: middle;
}
.sousTitreTelech #tailleTelech
{
	width : 75px;
	height : 20px;
	float: left;
}
.sousTitreTelech #telechTelech
{
	width : 80px;
	height : 20px;
	float: left;
}

.tousTelech
{
	margin:0 auto 25px auto;
}

.unTelech
{
	width : 800px;
	height : 20px;
	cursor : default;
	margin: 0px auto;
	padding : 5px 0 5px 0;
	font-size : 15px;
}
.unTelech:nth-child(odd) {
	background: #EAEEF0;
}
.unTelech:nth-child(even) {
	background: #FFF;
}

.unTelech #colBlanc
{
	width : 480px;
	height : 20px;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding : 2px auto 2px auto;
	text-align : left;
	cursor : pointer;
}

.unTelech #colBlanc input
{
	float : left;
}
.unTelech #colBlanc span
{
	cursor: pointer;
	margin : 0 0 0 5px;
}
.unTelech #colVersion
{
	width : 80px;
	height : 20px;
	float: left;
	padding : 2px auto 2px auto;
}
.unTelech #colPublish
{
	width : 80px;
	height : 20px;
	float: left;
	padding : 2px auto 2px auto;
	color : #666;
}
.unTelech #colTaille
{
	width : 65px;
	height : 20px;
	float: left;
	padding : 2px auto 2px auto;
	color : #666;
	text-align : right;
}
.unTelech #colTelech
{
	width : 95px;
	height : 20px;
	float: left;
	cursor: pointer;
	font-size : 18px;
}
.unTelech:hover
{
	border-left : solid 3px #000;
	border-right : solid 3px #000;
	/*color : #1775A3;*/
}
/********/
/* LOGS */
/********/
.tableauLogs
{
		border-collapse:collapse;
		width:100%;
		white-space: nowrap;
}

.tableauLogs th
{
		height:30px;
		border:2px solid #d0d0d0;
		color:white;
		font-size:14px;
		font-family:arial;
		background-color:#082b85;
}

.tableauLogs td
{
		border:2px solid #d0d0d0;
}


th.rotate {
	/* Something you can count on */
	height: 140px;
	white-space: nowrap;
}

th.rotate > div {
	transform:
		/* Magic Numbers */
			translate(25px, 51px)
				/* 45 is really 360 - 45 */
			rotate(315deg);
	width: 30px;
}
th.rotate > div > span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}
.messageErreur
{
	border: 1px solid red;
	background: pink;
	color: red;
	width: 100%;
	margin-bottom:8px;
}
/* Partie haute - Menu*/
.bandeauHaut
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:25px;
	background-color:#e8e8e8 ;
}
.audessusMenu
{
	width : 100%;
	height : 135px;
	background-color: #FFF;
	position : fixed;
}
.logo
{
	background-image: url("../images/bandeauDL2.png");
	width: 291px;
	height: 65px;
	margin : 20px;
	position:fixed;
	left:41%;

}
/* FIN - Partie Haute - Menu */

/* Contenu page */
.contenuPage{
	width : 900px;
	margin : 150px auto 0 auto;
	text-align : center;
	padding: 10px;
}
/* FIN - Contenu page */

/* DEBUT - ReleaseNote affichage */
.bodyRelease
{
	margin-bottom : 65px;
}

.titreRN
{
	color: #1e1e1e;
	font-family: 'Roboto';
	font-size: 30px;
	letter-spacing: 3px;
	text-align: center;
	padding : 5px 5px 5px 10px;
	margin : 10px 10px;
	float : left;
	width : 973px;
	display : block;
	position: fixed;
	left : 450px;
	top : 170px;
	background-color: #FFFFFF;
}

#speRN
{
	height : 328px;
}

.grandBloc
{
	display: inline-block;
	width : 100%;
	height : 380px;

}

.contenuRecherche
{
	width: 977px;
	border : 1px solid black;
	margin: 0 0 50px;
	background-color: #FFFFFF;
	position : fixed;
	top: 284px;
	left: 460px;
	padding: 5px 5px 5px 10px;
	float: left;
	display: block;

}

/*.contenuRecherche:hover
{
	transition : height 0.3s ease-out;
	height : 300px;
}*/


#ligneInfos
{
	padding : 5px 5px 5px 10px;
	margin : 10px 10px;
	float : left;
	width : 973px;
	text-align : justify;
	font-size: 18px;
	font-style: italic;
	color : #FFFFFF;
	display : block;
	background-color: rgb(255, 0, 0, 0.5);
	border-left: solid 5px rgb(255,0,0);
	position: fixed;
	left : 450px;
	top : 218px;
}

#ligneDateDerTelech
{
	display : block;
}

.filtreDateRech
{
	float : left;
	width : 100%;
	height : 30px;
	padding : 10px 100px 5px 10px;
}

#dateDebut
{
	border-radius: 3px;
	width : 480px;
	padding : 2px 0px 2px 5px;
	border : 1px solid rgba(204, 204, 204, 1);
	background:
			-webkit-linear-gradient(rgba(135, 60, 255, 1), rgba(135, 60, 255, 0.0) 0%),
			-webkit-linear-gradient(0deg, #ebe8e8 72%, #FFFFFF 0%);
	box-shadow : 0px 1px 0px rgba(192,198,217,.5);
	float : left;
	margin : 0 35px 5px 0;
	color : #969696;
}

#idDepuis
{
	padding : 0 5px;
}

#idSelectDepuis
{
	align : right;
}

#idSelectDepuis input
{
	border : none;
}

#idSelectDepuis img
{
	position : absolute;
	left : 465px;
	cursor : pointer;
	top: 19px;
}

#dateDerTelech
{
	margin : 0 0 0 25px;
	line-height : 32px;
	text-align : right;
}

#labelDateDerTelech:hover
{
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	color : #1775A3;
}

.tailleInput img
{
	vertical-align: middle;
}

.ligne2Rech
{
	width : 100%;
}

#ligneAvtModules
{
	font-size: 20px;
	font-weight: bold;
	/*margin: 0 0 0 20px;*/
	cursor: pointer;
}
.ligneAvtPub{
	font-size: 50px;
	font-weight: bold;
	margin: 0 0 0 20px;
	cursor: pointer;
}

#labEtatpub
{
	margin: 0 30px;
	width: 250px;
	display: inline-block;
	height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer; /* Affiche une main au survol */

}

#labEtatpub:hover
{
	color : RGBA(23, 117, 163, 1);
	cursor : pointer;

}

.filtreModule
{
	margin: 10px 20px 0 0px;
	line-height: 25px;
	display: inline-block

}
.filtrePublication{

	margin: 10px 20px 0 0px;
	line-height: 25px;
	display: inline-block;
}


#BTN_chronoAnte
{
	display: inline-block;
	float : left;

	width:250px;
	height:30px;
	line-height: 30px;
	text-align: center;

	border:1px solid #ccc;
	margin: 0px 8px 8px 11px;
	cursor: pointer;

	background: #1775A3; /* Old browsers */
	background: -moz-linear-gradient(bottom, #1775A3 0%, #1775DC 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #1775A3 0%,#1775DC 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #1775A3 0%,#1775DC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52BE80', endColorstr='#7DCEA0',GradientType=0.5); /* IE6-9 */

	color:#FFF;
	font-family: 'Roboto';
	font-size: 14px;

}

#BTN_chronoAnte:hover
{
	background: #FFF; /* Old browsers */
	background: -moz-linear-gradient(bottom, #1775DC 0%, #1775A3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #1775DC 0%,#1775A3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #1775DC 0%,#1775A3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7DCEA0', endColorstr='#52BE80',GradientType=0.5); /* IE6-9 */

	color:#FFF;
}

#idNotifMail
{
	float : left;
	text-align : left;
	width : 420px;
	display : none;
}
#idNotifMail select
{
width : 200px;
}

#BTN_diffRNMail
{
	display: inline-block;

	width:320px;
	height:30px;
	line-height: 30px;
	text-align: center;

	border:1px solid #ccc;

	cursor:pointer;

	background: #1775A3; /* Old browsers */
	background: -moz-linear-gradient(bottom, #1775A3 0%, #1775DC 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #1775A3 0%,#1775DC 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #1775A3 0%,#1775DC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52BE80', endColorstr='#7DCEA0',GradientType=0.5); /* IE6-9 */

	color:#FFF;

	font-family:  'Roboto';
	font-size: 14px;

}

#BTN_diffRNMail:hover
{
	background: #FFF; /* Old browsers */
	background: -moz-linear-gradient(bottom, #1775DC 0%, #1775A3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #1775DC 0%,#1775A3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #1775DC 0%,#1775A3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7DCEA0', endColorstr='#52BE80',GradientType=0.5); /* IE6-9 */

	color:#FFF;
}


#unModuleLabel
{    margin: 0 30px;
	width: 250px;
	display: inline-block;
	height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#unModuleLabel:hover
{
	color : RGBA(23, 117, 163, 1);
	cursor: pointer;

}

.filtreModuleContainer {

	width: 350px;
	text-align: left;
	margin-top: 166px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	float : left;
	position: absolute;
	background-color: #F8F8F8;
	line-height: 40px;
	padding: 0 0px 60px 0;
	overflow-y: auto;
	max-height: 725px;
}

.Regroupement {

	display: inline-block;
	width: 100%;
}

#selectAllPub
{
	width : 350px;
	font-style: italic;
	color: #1775A3;
}

#selectAllPub:hover
{
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	color : #1775A3;
}

#selectAll
{
	width : 350px;
	font-style: italic;
	color: #1775A3;
}

#selectAll:hover
{
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	color : #1775A3;
}

.contenuUneRN {

	margin: -4px 0px 31px 455px;
	float : left;
	box-shadow : 2px 8px 12px rgba(192,198,217,.5);
	padding: 0 10px 10px 10px;
	width: 980px;
	overflow: hidden;
	transition: height 0.5s ease; /* Ajoute une transition fluide */
}

#ligneTitre
{
	height : 50px;
	width : 990px;
	display : block;
	/*background: linear-gradient(to right, #FFFFFF, #1775A3);*/
	padding : 5px 0;
	cursor : pointer;
	background:
			-webkit-linear-gradient(rgba(135, 60, 255, 1), rgba(135, 60, 255, 0.0) 0%),
			-webkit-linear-gradient(-20deg, #FFFFFF 8%, #1775A3 0%);
}

#imgNomModule
{
	width : 50px;
	float : left;
	margin : 0 0 0 5px;
}

#nomModuleRN
{
	width : 850px;
	display : block;
	font-size : 28px;
	margin : 0 0 20px 30px;
	text-align : left;
	float : left;
	line-height: 50px;
	color : #FFFFFF;
}

.boutonHoverCollExp
{
	line-height: 50px;
	float : right;
	margin : 0 10px 0 0;
	color : white;
}

.boutonHoverCollExp:hover
{
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	color : #000000;
}

#btnCollExpFILTRE
{
	color : #000000;
	margin : 0 0 0 63px;

}
#btnCollExpFILTRE:hover
{
	cursor : pointer;
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	color : #1775A3;
}


#versDateRN
{
	width : 940px;
	display : block;
	font-weight : bold;
	font-size : 18px;
	margin : 15px 0 0 0;
}

#versDateRNAdmin
{
	width : 940px;
	margin : 20px 0 0 0;
	display : block;
	font-weight : bold;
	font-size : 18px;
}

#fontNormal
{
	font-weight: normal;
}

#textRN
{
	padding : 5px 5px 5px 10px;
	margin : 10px 10px;
	float : left;
	text-align : justify;
	font-size: 18px;
	width : 940px;
	color : #000000;
	/*color : #FFFFFF;
	background-color: rgb(23, 117, 163, 0.5);*/
	border-left: solid 5px #1775A3;
	/*box-shadow: 2px 8px 12px rgba(192,198,217,.5)*/
}

#textRNAdmin
{
	padding : 5px 5px 5px 10px;
	margin : 10px 10px;
	float : left;
	text-align : justify;
	font-size: 18px;
	width : 890px;
	color : #000000;
	/*color : #FFFFFF;
	background-color: rgb(23, 117, 163, 0.5);*/
	border-left: solid 5px #1775A3;
	/*box-shadow: 2px 8px 12px rgba(192,198,217,.5)*/
}

.partieGauche
{
	width : 90%;
	float : left;
}
.partieGauche:img
{
	text-align : right;
}

.partieGauche #modifRN
{
	float : right;
}

.partieGauche #modifRN:hover
{
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	color : #1775A3;
}

.partieDroite
{
	width : 5%;
	font-size : 40px;
	float : right;
	text-align : center;
}
.partieDroite img
{
	height : 70px;
}

.partieDroite .icon-eye-blocked
{
	cursor : default;
}

.sepRN
{
	border-top : 1px solid #CCC;
	width : 50%;
	display : block;
	margin : 5px 250px;
}


#modalModifRN
{
	top: 25%;
	left: 32%;
	z-index: 9999;
	min-height : 40%;
	width : 32%;
	position : absolute;
	background-color : white;
	padding : 10px 10px;
}

#titreRNModif
{
	width : 940px;
	display : block;
	font-size : 22px;
	margin : 10px 0 0 0;
	height : 30px;
}

#titreRNModifADMIN
{
	font-size : 22px;
	margin : 10px 0 0 0;
	height : 40px;
}

#ssTitreRNModif
 {
	font-size : 16px;
	line-height : 30px;
 }

.hiddenRNVal
{
	display : none;
}

.btnToTheTop
{
	position : fixed;
	bottom : 60px;
	right : 10px;
	cursor : pointer;
}

.btnToTheTop:hover
{
	opacity: .75;
	transition: .2s ease-in;
	color : #1775A3;
}

/* FIN - ReleaseNote affichage */

/* Page renouvellement de mdp */
.blocRenouvMDP
{
	width : 75%;
	margin : auto;
}
.blocRenouvMDP #ligne
{
	width: 100%;
	min-height : 20px;
	margin : auto;
	text-align : justify;
}
.blocRenouvMDP #ligne input{
	width : 200px;
	float : right;
	margin:0px 0px 0px 5px;
}
.blocRenouvMDP #ligne input[type=email]{
	pointer-events: none;
	background: #ccc;
}
.blocRenouvMDP #blockConfMail input[type=password]{
	pointer-events: none;
	background: #ccc;
}
/*.blocRenouvMDP #ligne span{
	width : 20px;
	float : right;
}*/
#blockConf{
	width : 875px;
}
#mdpNewEtConf{
	width : 675px;
	float : left;
}
#erreurCorresp{
	width : 150px;
	background-color : RGBA(237,28,36, 0.7);
	font-size : 14px;
	float : right;
	display : block;
	text-align : justify;
	margin : 0px 35px 0 0;
	padding : 5px;
	display : none;
}
#droite
{
	float : right;
}
.icon-eye
{
	cursor: pointer;
}
.icon-eye-blocked
{
	cursor: pointer;
}
/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptextMDPMail {
	visibility: hidden;
	width: 320px;
	background-color: red;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: -130%;
	left: 130%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0.7;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptextMDPMail::after {
	content: "";
	position: absolute;
	top: 10%;
	right: 100%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent red transparent transparent;
	opacity : 0.7;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptextMDPMail {
	visibility: visible;
	opacity: 1;
}

/* Tooltip container */
.tooltip2 {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.tooltipCorresp .tooltiptextErreurCorresp {
	visibility: hidden;
	width: 320px;
	background-color: red;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 48%;
	left: 71%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0.7;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltipCorresp .tooltiptextErreurCorresp::after {
	content: "";
	position: absolute;
	top: 10%;
	right: 100%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent red transparent transparent;
	opacity : 0.7;
}

/* Show the tooltip text when you mouse over the tooltip container */
/*.tooltipCorresp:hover .tooltiptextErreurCorresp {
	visibility: visible;
	opacity: 1;
}*/
#blockConfMail{
	width: 100%;
	min-height : 20px;
	margin : auto;
	text-align : justify;
}
#mdpNewMail{
	width : 675px;
	float : left;
	display : none;
}
#divCachee
{
	display : none;
}
#erreurCorrespMail{
	width : 350px;
	background-color : RGBA(237,28,36, 0.7);
	font-size : 14px;
	float : right;
	display : block;
	text-align : justify;
	margin : 0px 35px 0 0;
	padding : 5px;
	display : none;
}
#btnRenouvMDP{
	margin : 80px auto 0 auto;
	padding: 	5px 5px 5px 5px;
	max-width : 300px;
	height : 20px;
	background-color : #1775A3;
	color : #FFF;
	cursor: pointer;
	border-radius: 5px;
}
#btnRenouvMDP:hover{
	background-color : #1775A3;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #1775A3;
}
/* FIN - Page renouvellement de mdp*/

/* Menu */

.menuUtilisateurNav
{
	position: fixed;
	width : 100%;
	top: 13%;
	background-color : #1775A3;
	min-height:60px;
	z-index: 1000;
}

.ajoutFakeMenuUtilisateurNav
{
	display:none;
	height:60px;
	opacity: 0;

}


.menuUtilisateur
{
	position: fixed;
	top: 12%;
	background-color : #1775A3;
	position  : relative;
	width : 68%;
	margin    : auto;
	font-family: arial/*, serif*/;
	font-size: 12px;
	text-align : center;
}


nav > div[class*="menuUtilisateur"] > header > a {
	display         : inline-block;
	line-height     : 60px;
	color           : #FFF;
	text-decoration : none;
	font-size 		: 16px;
	padding   		: 0 10px;
	margin 			:0 -4px 0 0;
	min-width 		:60px;
	text-align: center;
}

.infobulleMenu
{
	position:absolute;
	top:0;
	left:0;

	cursor:pointer;
	line-height     : 30px;
	background-color: #717D92;
	color    		: #FFF;
	text-decoration : none;
	font-size 		: 16px;
	padding   		: 0 10px;
	margin 			: 0 -4px 0 0;
	min-width 		: 120px;
	text-align      : center;
}

nav > div[class*="menuUtilisateur"] > header {
	/*display   : inline-block;
	!*width     : 1100px;*!
	!*min-width : 450px;*!
	margin : 0 auto;
	max-width : calc(100% - 160px);*/

	display: inline-block;
	/*width: 1100px;
	float: left;
	margin: 0px 15%;*/

}

nav > div[class*="menuUtilisateur"] > header  > a:hover {
    background-color : #717D92;
}

.ongletSelectionne
{
    background-color : #7D889B;
}

nav > div > footer {
    /*position  : absolute;
    top       : 50%;
    right     : 10%;
    transform : translateY(-50%);
    color:#FFF;
    max-width : 300px;*/

	position: absolute;
	left: 90%;
	top: 10%;
	height: 60px;
	color: #FFF;
	width: 500px;
}

nav > div[class*="menuUtilisateur"] > footer > a
{
display         : inline-block;
color           : #FFF;
text-decoration : none;
padding        : 0 10px;
line-height    : 1.0rem;
font-size      : 0.7rem;
text-align     : center;
vertical-align : middle;
text-transform : capitalize;
opacity        : .75;
transition     : .2s ease-in;
}


nav > div > footer > form {
	/*position  : absolute;
    top       : 50%;
    right     : 10%;
    transform : translateY(-50%);
    color:#FFF;
    max-width : 300px;*/

	position: absolute;
	top: 10%;
	height: 60px;
	color: #FFF;
	width: 100px;
}

nav > div > footer > form > a:hover {
opacity : 1;
}
nav > div[class*="menuUtilisateur"] > footer > form > a
{
	display         : inline-block;
	color           : #FFF;
	text-decoration : none;
	padding        : 0 10px;
	line-height    : 1.0rem;
	font-size      : 0.7rem;
	text-align     : center;
	vertical-align : middle;
	text-transform : capitalize;
	opacity        : .75;
	transition     : .2s ease-in;
}

nav > div > footer > form > a:hover {
	opacity : 1;
}


nav > div > footer > a:hover {
	opacity : 1;
}
/* FIN - Menu */

/* FOOTER */
.footer {
	background-color: #1775a3;
	height: 55px;
	line-height: 35px;
	text-align: center;
	color: white;
	position: fixed;
	width: 100%;
	bottom: 0px;
}


.footer img {
	float: right;
	position: relative;
	top: 2px;
	right: 15px;
}

.pre_footer
{
	background-color: #e8e8e8;
	height: 25px;
}
.filtreQuestion {
	display: none; /* Masqué par défaut */
	position: fixed; /* Le modal couvrira tout l'écran */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
	z-index: 1000000;
}

.conteneurQuestion {
	background: #ffffff;
	font-family: 'Roboto';
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2); /* Effet d'ombre */
	width: 600px;
	box-sizing: border-box; /* Inclut le padding dans la largeur */
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%); /* Centre horizontalement et verticalement */
	border-radius: 8px; /* Coins arrondis pour l'esthétique */
}
.entete
{
	padding: 15px;
	font-size: 22px;
	border-bottom: 1px solid #D9DCDA;
	color: #FFFFFF !important;
	background: #1775A3
}


.X
{
	cursor:pointer;
}

.X:hover
{
	text-decoration: underline;
}

.fermerPopup
{
	font-family:Arial, sans-serif;
	font-size: 15px;
	color:#AAA;
	text-decoration:none;
	padding-right: 5px;
}
.fermerPopup:hover
{
	font-family:Arial, sans-serif;
	font-size: 15px;
	color:#C00;
	text-decoration:none;
}

.bodyQuestion
{
	font-size: 16px;
	margin: 15px 25px;
	line-height: 24px;
	text-align: justify;
	display: block;

}

.btn
{
	background: #dedede;
	padding: 0.5rem!important;
	font-size: 0.9rem;
	color: #464646;
}

.btn:hover
{
	background: #c7c7c7;
	color: #383838;
}
.row {
	flex-wrap: wrap;
	display: flex;
}



.btn:active
{
	background: #a1a1a1;
}



.croixFerme
{
	padding: 0.5rem !important;
	cursor: pointer;
	border: none;
	font-size: 12px;
	background-color: inherit;
}

.croixFerme :hover
{
	color: #FFFFFF!important;
}
.col-auto contenu-illustration {
	display: flex;
	margin: 12px 0;
	padding-right: 0;
}

.col px-0 contenu{

	font-size: 16px;
	margin: 15px 25px;
	line-height: 24px;
	text-align: justify;
	display: block;
}
.bodyContent {
	display: flex; /* Utiliser flexbox pour aligner les éléments horizontalement */
	align-items: center; /* Centrer verticalement les éléments */
	margin: 15px 25px; /* Marges autour du conteneur */
}

col-auto contenu-illustration {
	height: 42px; /* Assurez-vous que l'image a la bonne hauteur */
	margin-right: 15px; /* Espace entre l'image et le texte */
}

.justify-content-end
{


}
.textContent {
	text-rendering: optimizeLegibility;
	font-family: 'Roboto';
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	background: #dedede;
}

.boutonReponse.boutonReponse1 {
	padding: 0.5rem !important;
	font-size: 0.9rem;
	padding-right: 15px;
	margin-right: 37px; /* Ajoute un espacement de 10px entre les boutons */
	background: #dedede;
	border: none;
	cursor:pointer;

}
.boutonReponse.boutonReponse1:hover {
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	background: #c7c7c7;
}
.boutonReponse.boutonReponse2 {
	font-size: 0.9rem;
	padding-right: 19px;
	padding-left: 15px;
	margin-right: 10px;
	background: #dedede;
	border: none;
	cursor:pointer;
}
.boutonReponse.boutonReponse2:hover {
	cursor : pointer;
	opacity: .75;
	transition: .2s ease-in;
	background: #c7c7c7;
}


.piedPageQuestion {
	padding: 15px;
	border-top: 1px solid #D9DCDA;
}

body:has(.backdrop.active)  {
	overflow: hidden;
}





.modalform .contenu
{
	font-size: 16px;
	margin: 15px 25px;
	line-height: 24px;
	text-align: justify;

}

.modalform .contenu .important
{
	font-weight: bold;
	display: block;
}


.modalform .contenu fieldset legend {
	padding: 0 12px;
}

.modalform .contenu div input[type="text"]
{
	width: 100%;
	box-sizing: border-box;
	padding: 8px 6px;
	border: none;
	background: #ebebeb;
	font-size: 14px;
}

.modalform .contenu div input[type="radio"]
{
	margin: 0px 6px;
}

.modalform .pied
{
	padding: 15px;
	border-top: 1px solid #D9DCDA;
}
.modalform .liste-button .col
{
	padding-left: 6px;
	padding-right: 6px;
}

.modalform .liste-button .col:first-child, .modalform .liste-button .col-auto:first-child
{
	padding-left: 0px!important;
}

.modalform .liste-button .col:last-child, .modalform .liste-button .col-auto:last-child
{
	padding-right: 0px!important;
}

.modalform .btn
{
	user-select: none;
	cursor: pointer;
	border: none !important;
	border-radius: 0!important;
}



.modalform .pied .row div
{
	margin-right: initial;
	margin-left: initial;
}



/* ////////////////// GRID /////////////////// */
.d-flex
{
	display: flex!important;
}

.justify-content-center
{
	justify-content: center!important;
}

.justify-content-start
{
	justify-content: start!important;
}

.justify-content-end
{
	justify-content: end!important;
}

.justify-content-between
{
	justify-content: space-between!important;
}

.justify-content-around
{
	justify-content: space-around;
}

.align-items-center
{
	align-items: center!important;
}

.align-items-end
{
	align-items: end!important;
}

.align-bottom
{
	vertical-align: bottom;
}

.row
{
	flex-wrap: wrap;
	display: flex;
}

.col, .col-2, .col-3, .col-4, .col-6, .col-12, .col-auto
{
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
	min-height: 1px;
	position: relative;
}

.col
{
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto
{
	max-width: none;
	width: auto;
}

.col-12
{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;

}

.col-6
{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-4
{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-3
{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-2
{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.66666%;
	flex: 0 0 16.66666%;
	max-width: 16.66666%;
}

.modalform .btn
{
	background: #dedede;
	padding: 0.5rem!important;
	font-size: 0.9rem;
	color: #464646;
}

.modalform .btn:hover
{
	background: #c7c7c7;
	color: #383838;
}

.modalform .btn:active
{
	background: #a1a1a1;
}

.modalform .croixFerme
{
	padding: 0.5rem!important;
	cursor: pointer;
	border : none;
	font-size: 12px;
	background-color: inherit;
}

.modalform .croixFerme:hover
{
	color: #FFFFFF!important;
}


.w-100
{
	width: 100%!important;
}

.w-50
{
	width: 50%!important;
	float: right;
}

.p-0
{
	padding: 0px!important;
}

.px-0
{
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.pl-0
{
	padding-left: 0px;
}

.pr-0
{
	padding-right: 0px;
}

.m-0
{
	margin: 0px;
}

.mt-0
{
	margin-top: 0px;
}

.mt-1
{
	margin-top: 0.5rem;
}

.mt-2
{
	margin-top: 1rem;
}

.mb-1
{
	margin-bottom: 0.5rem;
}

@media (min-width:768px) {
	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none
	}

	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-8 {
		-ms-flex: 0 0 66.666666%;
		flex: 0 0 66.666666%;
		max-width: 66.666666%
	}

	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.mt-md-2
	{
		margin-top: 1rem;
	}

	.mb-md-0
	{
		margin-bottom: 0rem;
	}
}

/* FIN - FOOTER */