body {
	font-family: Arial, Verdanna;
	font-size: 11px;
	text-align: center;
	padding:0;
	margin:0;
}

h1 {
	font-size: 16px;
	background-color: #ddd;
	padding: 10px 15px;
	text-align:center;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	background-color: #38a5fe;
	padding: 10px 15px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	background-color: #7bfdfd;
	padding: 10px 15px;
}

div {
	background-color: none;
	position: relative;
}

th {
	font-weight: bold;
	background-color: #eee;
}

a {
	cursor: pointer;
}

.footer {
	width:100%;
	height:21px;
	background-color:#dddddd;
	font-size:10px;
	padding-top:8px;
	margin:20px 0 0 0;
	color:#888888;
	position:fixed;
	left:0;
	bottom:0;
}

.message {
	width:calc(100% - 40px);
	padding:10px 20px;
	font-size:14px;
	margin:10px 0;
	border-radius:4px;
}

.message.ok {
	border:1px solid #008c00;
	background-color:#d2e9bc;
	color:#008c00;
}

.message.nok {
	border:1px solid #8c0000;
	background-color:#ebbaba;
	color:#8c0000;
}

.centre {text-align:center;}


#dialog-confirm, #dialog-erreur, #dialog-alerte,#dialog-stats {display:none;}

#dialog-stats p {overflow:auto;max-height:600px;text-align:left;}

#popup_erreur_identification {text-align:center;max-width:500px;background-color:#ffdede;color:#ff5555;border:1px solid #ff0000;margin:15px auto;padding:5px;font-size:14px;border-radius:4px;}
#form_identification {display:block;max-width:400px;margin:10px auto;text-align:left;}
#form_identification p {border:1px solid #ceddce;padding:10px;font-size:13px;border-radius:4px;color:#888888;}
#captcha {text-transform: uppercase;}

#banner {
	width: 100%;
	height: auto;
	min-height:80px;
	font-size:0;
}
#banner .logo {
	float:left;
	width:15%;
	min-width:120px;
}

#banner .logo img {
	width:120px;
	height:auto;
}

#banner .titre {
	font-weight:bold;
	text-align: center;
	font-size:20px;
	padding-top:20px;
	color:#a1a1a1;
	float:left;
	width:70%;
}

#banner .deco {
	width:15%;
	min-width:120px;
	height:60px;
	float:left;
	padding-top:20px;
	font-size:11px;
}

#container {
	width: 100%;
	max-width:1100px;
	margin: 0 auto;
	text-align: left;
	border: 0px blue solid;
	min-height:800px;
	margin-bottom:20px;
	padding-bottom:30px;
}

.admin {
	border:1px solid #c1c1f1;
	background-color:#f5f5ff;
	border-radius:4px;
	padding:20px 10px;
	max-width: 700px;
	margin:25px auto;
}

.info {
	font-style:italic;
	color:#898989;
}

/* -------------------------------------- */

.pagination {text-align:center;font-size:0;}
.pagination span {display:inline-block;font-size:12px;border:1px solid #c1c1c1;border-radius:4px;padding:10px;margin:2px;}
.pagination span.lien {cursor:pointer;}
.pagination span.lien:hover {background-color:#8a95f7;border-color:#8a95f7;}
.pagination span.encours {background-color: #8a95f7;border-color: #8a95f7;}
.pagination span.premier {margin-left:15px;}
.pagination span.dernier {margin-right:15px;}

/* -------------------------------------- */

.cleaner {clear:both;}

label {min-width:150px;display:inline-block;min-height:25px;text-align:right;padding:0 15px;}
label.radio {min-width:unset;padding:0 2px 0 10px;cursor:pointer;}

input[type='password'],
input[type='file'],
input[type='text'],
select {
	display:inline-block;min-height:25px;background-color:#ffffff;border:1px solid #c0c0c0; border-radius:4px;padding:0 4px;cursor:pointer;
}

input[type='password']:hover,
input[type='file']:hover,
input[type='text']:hover,
select:hover {
	background-color:#c0c0c0;
}

select {padding-top:4px;}

button,
input[type='button'],
input[type='submit'] {
	background-color:#d3d7fc;min-height:25px;padding:6px 4px; border-radius:4px;border:1px solid #c0c0c0;cursor:pointer;display:inline-block;margin-right:10px;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover {
	background-color:#8a95f7;border-color:#8a95f7;
}

button:disabled,
input:disabled,
select:disabled,
button[readonly='readonly'],
input[readonly='readonly'],
select[readonly='readonly'] {
	cursor:not-allowed;
	background-color:#dedede;
}

.field {
	clear:right;
}

a {
	text-decoration:none;
	color:#3e3e3e;
}

a:hover {
	text-decoration:none;
	color:#000000;
}

/* ----------------------------------- */

#code_campagne {
	margin-right:30px;
	margin-bottom:20px;
}

#nom,
#ref_client {
	margin-right:30px;
}

/* ----------------------------------- */

table.configuration {border:none;}
table.configuration thead th {font-size:12px;}
table.configuration tbody td {font-size:12px;border:none;padding:5px;}
table.configuration tbody tr:nth-child(odd) {background-color:#eeeeee;}
table.configuration tbody td label {cursor:pointer;width:auto;min-width:0;min-height:0;padding:0;}
table.configuration tbody td label span {padding-right:10px;}
table.configuration tbody td label span.oui {color:#22aa22;}
table.configuration tbody td label span.non {color:#aa2222;}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 100%
}

td, th {
	margin: 0px;
	padding: 10px;
	border: 1px #A2A2A2 solid;
	font-size: 11px;
}


.anomalie {
	text-decoration: line-through;
}

/* ------------------------------------- */

.resultat_recherche tr:nth-child(odd){
	background-color:#eee;
}

.resultat_recherche tr th {
	color:#ffffff;
	background-color:#a0a0a0;
	font-weight:bold;
	border-color:#535353;
	padding:5px;
	text-align:center;
}

.resultat_recherche tr td {
	padding:10px;
}

.resultat_recherche tr td:nth-child(1) {width:70px;}
.resultat_recherche tr td:nth-child(2) {width:70px;}
.resultat_recherche tr td:nth-child(5) {width:50px;}
.resultat_recherche tr td:nth-child(7) {width:50px;}

.resultat_recherche tr.lien {
	cursor:pointer;
}

.resultat_recherche tr.anomalie {
	background-color:#ffcece;
}

.resultat_recherche tr.anomalie td {
	text-decoration:line-through;
}

.resultat_recherche tr.lien:hover {
	background-color:#ccc;
}

/* ------------------------------------ */

#voir_pdf {display:none !important;}


.pleaseWait {position:fixed;top:0;left:0;width:100%;height:100%;z-index: 10001;background-color:rgba(0,0,0,0.3);text-align:center;}
.pleaseWait h4 {display:inline-block;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);background-color:#ffffff;padding:40px;font-size:20px;font-weight:normal;border:1px solid #555555;border-radius:5px;}

span.bille {display:inline-block;margin:0 2px;border:1px solid #000000;border-radius:50%;width:10px;height:10px;}
span.bille.actif {border-color:#00ce00;background-color:#00ce00;}
span.bille.nonactif {border-color:#ce0000;background-color:#ce0000;}

button.mini {font-size:10px;padding:2px;}

#form_utilisateur {display:block;width:600px;margin:20px auto;border:1px solid #cecece;border-radius:4px;padding:5px;}

ul.administration {list-style-type:none;width:auto;padding:0;}
ul.administration li {display:inline-block; font-size:12px;border:1px solid #c1c1fe;border-radius:4px;margin:5px; width:auto;}
ul.administration li.actif {background-color:#c1c1fe;}
ul.administration li:hover {color:#ffffff;background-color:#c1c1fe;}
ul.administration li a {padding:10px;display:inherit;}