body{
	position: relative;
	width: 100%;
	overflow-y: scroll;
	!overflow-y: none;
	background-color: #F9F9F9;
	padding: 0;
	margin: 0;
}

.bodyImprime{
	background-color: #FFFFFF;
	width: 210mm;
	min-height: 297mm;
}

@font-face{
    font-family: Manuale;
    src: url('Fonts/Manuale/Manuale-Bold.ttf');
}

@font-face{
    font-family: Rubik;
    src: url('Fonts/Rubik/Rubik-Regular.ttf');
}

#entete{
	min-height: 100px;
	border-bottom: 2px solid #E0E0E0;
	padding: 10px;
}

#logo{
	width: 300px;
}

#pseudoConnect, #titrePage{
	align-self: flex-end;
	margin: 0;
}

#pseudoConnect{
	display: inline-block;
	min-width: 300px;
	text-align: right;
}

#pseudoConnect a{
	color: #AAAAAA;
}

#pseudoConnect a:hover{
	color: #002c64;
}

#bloc_entete{
	display: flex;
	width: 1200px;
	margin: 0 auto;
	justify-content: space-between;
}

#contenu{
	display: flex;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 200px;
}

#menu{
	width: 200px;
	padding: 0 20px 20px 0;
}

#menu ul{
	list-style: none;
	padding: 0;
}

#menu li{
	font-size: 1.2em;
}

#menu p{
	font-family: Manuale, Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	color: #002C64;
}

#menu p a{
	display: block;
	text-decoration: none;
	color: #002C64;
	padding: 10px;
	border-radius: 5px;
}

#menu li a{
	display: block;
	text-decoration: none;
	color: #57595b;
	font-family: Manuale, Georgia, "Times New Roman", serif;
	padding: 10px;
	border-radius: 5px;
}

#menu p a:hover, #menu li a:hover, #btn_ajout a:hover, .btn_remove a:hover, .btnFiltrage a:hover{
	color: #002C64;
	background-color: #E0E0E0;
}

#menu .select a{
	background-color: #002C64;
	color: #FFFFFF;
}

select:disabled{
	background-color: #F8F8F8;
	color: #AAAAAA;
}

.ligneCom:hover{
	cursor: pointer;
}

.selectcom td{
	background-color: #002C64;
	color: #FFFFFF;
	font-weight: bold;
}

#titrePage a{
	text-decoration: none;
	color: #AAAAAA;
}

#btnFiltres a:hover, #btnFiltresOrdre a:hover, #titrePage a:hover{
	color: #002C64;
}

/*
.feedNO{
	color: #f25056;
}

.feedOK{
	color: #39ea49;
}
*/

.feedOK{
	background-color: #3f8c74;
	color: #FFFFFF;
	padding: 5px 10px;
	font-weight: bold;
}

.feedNO{
	background-color: #d12c2a;
	color: #FFFFFF;
	padding: 5px 10px;
	font-weight: bold;
}

.bordureCadre{
	padding: 10px 30px;
	border: 3px solid #E0E0E0;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.bordureCadreAD{
	padding: 10px 30px;
	border: 3px solid #E0E0E0;
	border-radius: 5px;
	background-color: #F1F1F1;
	margin-bottom: 30px;
}

.bordureCadreAD h1{
	margin: 0;
}

.bordureCadreAD h2{
	margin: 0;
}

#contenu h2.h2nomarg{
	margin-top: 0;
}

.pastilleAD{
	color: #AAAAAA;
	border: 3px solid #E0E0E0;
	border-radius: 5px;
	font-size: 0.7em;
	padding: 10px;
	background-color: #FFFFFF;
}

.pastilleNum{
	float: right;
	color: #AAAAAA;
}

.grisColor, #tabAffichage a.grisColor{
	color: #AAAAAA;
}

.grisColorBord{
	border: 1px solid #E0E0E0;
}

.affCivilite{
	font-size: 0.7em;
	font-family: Manuale, Georgia, "Times New Roman", serif;
	color: #002C64;
	display: inline-block;	
}

.ligneFlex{
	display: flex;
	justify-content: space-between;
}

.nomParrain a, p a{
	color: #002C64;
	text-decoration: none;
}

.nomParrain a:hover, p a:hover{
	color: #002C64;
}

.supParra{
	cursor: pointer;
}

#tabAffichage a{
	text-decoration: none;
	color: #333333;
}

#tabAffichage th a, #formTransBtn:hover{
	color: #002C64;
	cursor: pointer;
}

#tabAffichage a:hover, #tabAffichage span:hover{
	color: #002C64;
}

h1, h2, h3{
	font-family: Manuale, Georgia, "Times New Roman", serif;
	color: #002C64;
	display: inline-block;
}

#contenu2 h1{
	margin: 0;
	display: block;
}

#cadreConnexion{
	display: block;
	width: 50%;
	margin: 30px auto;
	border: 5px solid #E0E0E0;
	border-radius: 5px;
	padding: 10px;
}

#cadreConnexion label{
	display: inline-block;
	min-width: 200px;
	text-align: right;
	padding-right: 20px;
}

#cadreConnexion input[type="submit"]{
	display: block;
	width: 50%;
	margin: 0 auto;
}

p, span, label, td, select, li{
	font-family: Rubik, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	line-height: 1.4em;
}

p.pfonc{
	margin: 0;
}

input[type="search"]{
	font-size: 1.2em;
	width: 60%;
	padding: 10px;
}

input[type="text"], input[type="password"], textarea, input[type="date"], input[type="email"], input[type="number"], input[type="search"], .selectFT{
	background-color: #FFFFFF;
	font-size: 1.2em;
	padding: 10px;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	font-family: Rubik, Helvetica, Arial, sans-serif;
	line-height: 1.4em;
}

input[type="date"]{
	padding: 10px;
}

select{
	background-color: #FFFFFF;
	padding: 5px 10px;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	font-family: Rubik, Helvetica, Arial, sans-serif;
}

input[type="submit"]{
	background-color: #002964;
	border-radius: 5px;
	border: 1px solid #002964;
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: Rubik, Helvetica, Arial, sans-serif;
	padding: 10px;
	cursor: pointer;
}

input[type="submit"]:hover{
	background-color: #1c577a;
}

#barreRech{
	margin-bottom: 10px;
}

#filtres, #formTrans, #filtreExport, #formTransMod{
	display: none;
	background-color: #e8e9ec;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#filtres label{
	display: inline-block;
	width: 200px;
}

.filtreUnite{
	padding: 5px 0;
}

#sortable li{
	list-style: none;
	padding: 10px 0;
}

.vraiFauxBloc, .dateBloc, .interBloc, .origineBloc, .motifSortieBloc{
	display: none;
}

.btn_option{
	font-size: 1.5em;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	padding: 5px;
	margin-left: 5px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	min-width: 30px;
	text-align: center;
	color: #AAA;
}

.btn_option2{
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	padding: 5px;
	margin-left: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.btn_option2.selected{
	border: 1px solid #002C64;
	color: #002C64;
	background-color: #EEEEEE;
}

#btnValider, #btnValiderExport{
	font-size: 1em;
	background-color: #002964;
	border-radius: 5px;
	border: 1px solid #002964;
	color: #FFFFFF;
	padding: 10px;
	cursor: pointer;
}

.btn_option:hover, .btn_option2:hover, #btnValider:hover, #btnValiderExport:hover{
	background-color: #E0E0E0;
	color: #002C64;
}

#btn_ajout{
	margin-left: 10px;
}

.btn_remove{
	float: right;
}

#ligneOutils{
	padding: 0 30px;
}

#ligneOutils span, #ligneOutils span a{
	color: #AAAAAA;
}

#ligneOutils span:hover, #ligneOutils span a:hover{
	color: #002C64;
	cursor: pointer;
}

input[type="search"].rechCh{
	width: 50%;
	font-size: 1em;
	padding: 5px;
}

input[type="date"].rechChDate{
	font-size: 1em;
	padding: 5px;
}

.selectCh{
	border: 1px solid #006800;
	background-color: #ccf4c5;
	color: #006800;
}

.choixCh{
	display: inline-block;
	width: 100px;
	text-align: center;
}

#btn_ajout a, .btn_remove a, #btnFiltres a, #btnFiltresOrdre a, #formTransBtn{
	font-size: 1em;
	text-decoration: none;
	color: #57595b;
	font-family: Manuale, Georgia, "Times New Roman", serif;
	padding: 10px;
	border-radius: 5px;
}

.btnAdresse{
	color: #AAAAAA;
	border: 1px solid #E0E0E0;
	padding: 5px;	
	border-radius: 5px;
	cursor: pointer;
}

.selectBtnAdr{
	color: #FFFFFF;
	border: 1px solid #002964;
	background-color: #002964;
}

#ph_resultats_rech{
	display: flex;
	justify-content: space-between;
}

#ph_resultats_rech #affNbRes{
	font-size: 1em;
	color: #AAAAAA;
	margin: 0;
	padding: 5px 15px;
}

#centre{
	padding: 20px 0 20px 20px;
	width: 1000px;
}

#loading{
	display: none;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 400px;
	height: 200px;
	border: 2px solid #E0E0E0;
	border-radius: 10px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align: center;
}

.btnFiltrage a{
	background-color: #FFFFFF;
	color: #57595b;
	padding: 10px;
	text-decoration: none;
}

.btnFiltrage.selection a{
	background-color: #002C64;
	color: #FFFFFF;
}

.btnG a{
	border-left: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-radius: 10px 0 0 10px;
}

.btnD a{
	border: 1px solid #E0E0E0;
	border-radius: 0 10px 10px 0;
}

.corps_note{
	border: 2px solid #E0E0E0;
	border-radius: 0 5px 5px 5px;
	padding: 0 10px;
}

.haut_note{
	color: #57595b;
	margin-bottom: 2px;
}

.auteur_note{
	background-color: #E0E0E0;
	border-radius: 5px 5px 0 0;
	font-size: 1em;
	padding: 5px 10px;
}

.date_note{
	float: right;
	font-size: 1em;
	color: #AAAAAA;
}

#contenu2 h2{
	display: block;
	margin-top: 40px;
	color: #AAAAAA;
}

#zoneAyantDroit{
	display: none;
	background-color: #E0E0E0;
	border: 2px solid #818181;
	border-radius: 5px;
	padding: 0 20px 20px 20px;
	margin-top: 10px;
}

/*TABLEAU*/
#tabAffichage, .tabAffichage{
	width: 100%;
	border-collapse: collapse;
}

.entTab th{
	border-bottom: 1px solid #E0E0E0;
	color: #002C64;
	text-align: left;
	padding: 10px;
}

.entTab th a{
	color: #002C64;
}

#tabAffichage td, .tabAffichage td{
	padding: 10px;
}

#tabAffichage tr:hover, .tabAffichage tr:hover{
	background-color: #E0E0E0;
}

td.gris, p.gris, td a.gris, th.gris{
	color: #AAAAAA;
}

tr.ligneA{
	background-color: #F1F1F1;
}

tr.ligneB{
	background-color: #F8F8F8;
}

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

.tabForm th{
	text-align: left;
}

.tabForm td{
	padding: 0 10px;
}

.tabForm th{
	padding: 10px 10px 0 10px;
}

.tabForm label, .tabForm th{
	font-size: 1em;
	color: #AAAAAA;	
}

.tabForm input[type="text"], .tabForm input[type="email"], .tabForm textarea, .tabForm input[type="number"]{
	width: 95%;
}

.formAdresse{
	padding-bottom: 10px;
	margin-bottom: 50px;
	border-bottom: 1px solid #E0E0E0;
}

.zone_activite_form label{
	color: #57595b;
	font-weight: bold;
}

.grisParrain{
	display: inline-block;
	width: 100px;
	color: #AAAAAA;
}

.largeFT{
	display: inline-block;
	width: 100px;
}

.alignR, th.alignR{
	text-align: right;
}

/*Pastille suivi mails*/
.pastSM{
	border-radius: 5px;
	padding: 5px;
	display: inline-block;
}

.pastRebond{
	color: #FFFFFF;
	background-color: #528b8b;
}

.pastRebondHard{
	color: #FFFFFF;
	background-color: #cb3333;
}

.pastDesabo{
	color: #FFFFFF;
	background-color: #68228b;
}

.pastBloque{
	color: #FFFFFF;
	background-color: #ff4040;
}

.pastSpam{
	color: #FFFFFF;
	background-color: #cd6600;
}

.supprAlerte:hover, .supprAlerteTous:hover{
	color: #002964;
	cursor: pointer;
}