@import url(https://fonts.googleapis.com/css?family=Raleway);

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

.submain2{
	/*width: fit-content;*/
	margin: auto;
	
}
.page-titre {
    text-align: center;
	font-size: larger;
	font-weight: bold;
	margin: 20px;
}

.logo-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
	height: 48px;
}

.separation {
    border: solid #1d7286;
	margin-left: -20px;
	margin-right: -20px;
}

.paraph {
	/*width: 50%;*/
	/*max-width: 1024px;*/
}

.tabledyn{
	padding: 5px;
	background-color: #eaf6f6;
}

.pincinfo{
	padding: 5px;
	margin: 5px;
	border: solid #1d7286;
	font-size: small;
	font-weight: bold;
}

.tabledyntitle{
	padding: 5px;
	background-color: #eaf6f6;
	font-weight: bold;
}

.tabledynnum{
	padding: 5px;
	text-align: center;
	font-size: large;
}

.affluencetable{
	width:90%;
	border: solid #1d7286;
	table-layout: fixed;
}

.affluencegreen{
	padding: 5px;
	text-align: center;
	font-size: large;
	color: white;
	background-color: green;
}
.affluencered{
	padding: 5px;
	text-align: center;
	font-size: large;
	color: white;
	background-color: red;
}
.affluenceorange{
	padding: 5px;
	text-align: center;
	font-size: large;
	color: white;
	background-color: orange;
}

.tabledynnumred{
	padding: 5px;
	text-align: center;
	font-size: large;
	color: red;
}

.tabledynnumorange{
	padding: 5px;
	text-align: center;
	font-size: large;
	color: orange;
}


#hlogo{
	width: 120px;
}

#search{
	width: 96px;
}

.saisie{
	
	margin: 20px;
	padding: 20px;
	border: solid #1d7286;
}

.psaisie{
	
	/*margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;*/
	margin: 20px;
	padding: 20px;
	border: solid #1d7286;
	/*width: 70%;*/
}

input[type=submit] {
  background-color: #1d7286;
  color: #fff;
  cursor: pointer;
  min-width: 120px;
  border: 1px solid transparent;
  padding: 10px;
}

input[type=submit]:hover {
  background-color: #ffb647;
}

.email-input-search{
	width: 512px;
}

.debug{
	color: red;
	font-size: medium;
}

.corp{
	width: 100%;
	height: 100%;
	margin: 0px;
	display: flex;
	
}
.menu{
	width: 256px;
	background-color: #edede9;
}

.main{
	width: 100%;
}

.icoaction{
	width: 24px;
	height: 24px;
	margin: 5px;
	cursor: pointer;
}

.icobtn{
	width: 16px;
	height: 16px;
	cursor: pointer;
	
}
.menuasel{
	text-decoration: none;
	font-size: large;
	background-color: #3D5A80;
	color: white;
	border-bottom:solid;
	padding-top:20px;
	padding-bottom:20px;
	display: inline-block;
	width: 100%;
}
input.inline {
  display: inline;
}
label.inline {
  display: inline-block;
  font-size: 24px;
}
.listitemred{
	margin: 10px;
	background-color: lightpink;
	display: flex;
	flex-direction: row;	
}
.listitemvalid{
	margin: 10px;
	background-color: #c7f9cc;
	display: flex;
	flex-direction: row;	
}

.listitemorange{
	margin: 10px;
	background-color: #fff3b0;
	display: flex;
	flex-direction: row;	
}

.listitem{
	margin: 10px;
	background-color: #eaf6f6;
	display: flex;
	flex-direction: row;	
}
.listitem:hover{
	background-color: #5DFDCB;
	/*color: white;*/
}

.listitemforminterne{
	margin: 10px;
	background-color: #faeed7;
	display: flex;
	flex-direction: row;	
}
.listitemforminterne:hover{
	background-color: #5DFDCB;
	/*color: white;*/
}

.listitemagentok{
	margin: 10px;
	background-color: #80ed99;
	display: flex;
	flex-direction: row;
	font-size: larger;
}
.listitemagent{
	margin: 10px;
	background-color: #eaf6f6;
	display: flex;
	flex-direction: row;
	font-size: larger;
}
.listitemagent:hover{
	background-color: #c7f9cc;

}



.sessioninfolist{
	width: 100%;
}

.sessioninfolisttitle{
	width: 100%;
	font-size: x-large;
	margin: auto;
}
.sessionactionlist{
	margin: auto;
	display: flex;
}

.menua{
	
	text-decoration: none;
	font-size: large;
	color: #3D5A80;
	border-bottom:solid;
	padding-top:20px;
	padding-bottom:20px;
	display: inline-block;
	width: 100%;
}

.menua:hover{
	background-color: #5DFDCB;
	font-weight: bold;
}

.titre{
	font-size: larger;
	font-weight: bold;
	color: #3D5A80;
}
.subtitre{
	font-size: large;
	font-weight: bold;
}

.greentitre{
	font-size: larger;
	font-weight: bold;
	color: green;
}

.redtitre{
	font-size: larger;
	font-weight: bold;
	color: brown;
}

.center{
  width: 100%;
  text-align: center;
  min-height: 350px;
}

.submain{
	margin: 30px;
}

.corps{
	background-color: white;
	height: 100%;
	display: flex;
    flex-direction: column;
	font-family: arial;
}
.valid{
	color: green;
	text-align: center;
	margin: auto;
	/*background-color: lightgreen;*/
	
}
.errorlogin{
	color: red;
	text-align: center;
	margin: auto;
	border: solid 2px #3D5A80;
}

.error{
	color: red;
	text-align: center;
	margin: auto;
	/*background-color: lightpink;*/
}

.footer{
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #3D5A80;
  color: #E0FBFC;
  height: 35px;
  margin: 0px;
  
}
.headerl{
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  background-color: white;
  width:512px;
  
}
.headerl > #titre {
  color: #3D5A80;
  width: 100%;
  margin: auto;
  font-size: larger;
  font-weight: bold;
}
.header{
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px #3D5A80;
  height: 50px;
}

.header > #logo {
}
.header > #logo:hover {
  cursor: pointer;
}
.header > #titre {
  color: #3D5A80;
  width: 100%;
  margin: auto;
  font-size: larger;
}
.header > #search {
  
}
.centre{
  width: 100%;
  min-height: 500px;
  
}
.cacher{
	display: none;
}
.gestionemail{
	border: solid #3D5A80;
	padding: 20px;
	margin: 20px;
	text-align: center;
}

.textsimple{
	width: 50%;
	margin: 10px;
}

.bigbutton {
  background-color: #3D5A80;
  border-color: #3D5A80;
  color: white;
  cursor: pointer;
  width: 256px;
  padding: 5px 20px;
  margin: 10px;
  text-decoration: none;
  display: inline-block;
  font-size: larger;
}

.bigbutton:hover {
  background-color: #EE6C4D;
}

.smallbuttonsel {
  background-color: #EE6C4D;
  color: white;
  cursor: pointer;
  margin: 5px;
  padding: 3px 7px;
  text-decoration: none;
}

.nosmallbuttonsel {
  background-color: #EE6C4D;
  color: white;
  margin: 5px;
  padding: 3px 7px;
  text-decoration: none;
}

.nosmallbutton {
  background-color: #3D5A80;
  color: white;
  margin: 5px;
  padding: 3px 7px;
  text-decoration: none;
}

.smallbutton {
  background-color: #3D5A80;
  color: white;
  cursor: pointer;
  margin: 5px;
  padding: 3px 7px;
  text-decoration: none;
  min-width: 50px;
}

.smallbutton:hover {
  background-color: #EE6C4D;
}

.button {
  background-color: #3D5A80;
  border-color: #3D5A80;
  color: white;
  cursor: pointer;
  min-width: 150px;
  padding: 5px 20px;
  margin: 10px;
  text-decoration: none;
}

.button:hover {
  background-color: #EE6C4D;
}

.buttontwo {
  background-color: cadetblue;
  border-color: #3D5A80;
  color: white;
  cursor: pointer;
  min-width: 150px;
  padding: 5px 20px;
  margin: 10px;
  text-decoration: none;
}

.buttontwo:hover {
  background-color: brown;
}

.subbutton {
  background-color: #eaf6f6;
  color: black;
  cursor: pointer;
  padding: 5px 20px;
  text-decoration: none;
  border: #9fd3c7;
}

.subbutton:hover {
  background-color: #5DFDCB;
}


.link {
  color: #98C1D9;
  outline: none;
  text-decoration: none;
  padding: 10px;
}

.linknopad {
  color: #023047;
  outline: none;
  text-decoration: none;
}
.linknopad:hover {
  color: #bb3e03;
  text-decoration: none;
  cursor: pointer;
}

.titrespan{
  font-weight: bold;
  font-size: x-large;
	
}

.subtitrespan{
  font-style: italic;
	
}

.cursor:hover {
  cursor: pointer;
  
}
.link:hover {
  color: #EE6C4D;
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
}



.themeapp{
	border-radius: 10px;
	border: solid #3D5A80;
	min-height: 100px;
	margin: 20px;
}

.div-themeapp{
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.linkth {
	font-size: large;
	color: #ff7946;
	outline: none;
	text-decoration: none;
	margin: 15px;
	
}

.linkth:hover {
  color: red;
  cursor: pointer;
}

.form-titre {
    text-align: center;
	font-size: larger;
	font-weight: bold;
	margin: 20px;
}



table.log{
	border: 3px solid #3D5A80;
	border-collapse: collapse;
	margin: auto;
}
td.log{
	border: 1px solid #3D5A80;
	padding: 10px;
	vertical-align: top;
}
th.log{
	border: 1px solid white;
	background-color: #3D5A80;
	color: white;
	padding: 10px;
	vertical-align: top;
}



.login-form {
    display: table;
	width: 80%;
	margin: 20px;
}

.form-input-submit {
	text-align: right;
	
}
.login-div{
	width: 400px;
	border: solid #3D5A80;
}

/*input {
  border: 1px solid transparent;
  padding: 10px;
  margin: 10px;
  font-size: 16px;
  background-color: #e2e2e2;
}*/

.plabelform {
	/*width: 400px;*/
	/*font-size: 18px;*/
	display: inline-block;
	text-align: left;
	margin: 10px;
}

.plabelformedit {
	/*width: 400px;*/
	margin-right: 40px;
	/*font-size: 18px;*/
	display: inline-block;
	text-align: left;
	margin: 10px;
	font-weight: bold;
}

.psublabelform {
	width: 1024px;
	margin-right: 32px;
	/*font-size: 18px;*/
	text-align: justify;
}

.pinputform {
  border: 1px solid transparent;
  padding: 10px;
  /*margin: 10px;
  font-size: 16px;*/
  background-color: #e2e2e2;
  /*width: 400px;*/
  width: 95%;
  min-height: 18px;
}

.pinputformblack {
  border: 1px solid transparent;
  padding: 10px;
  background-color: #e2e2e2;
  width: 95%;
  min-height: 18px;
  color: black;
}

.pinputformsmalledit {
  border: 2px solid green;
  padding: 10px;
  /*margin: 10px;
  font-size: 16px;*/
  background-color: #e2e2e2;
  /*width: 400px;*/
  width: 75%;
  min-height: 18px;
}

.pinputformsmall {
  border: 1px solid transparent;
  padding: 10px;
  /*margin: 10px;
  font-size: 16px;*/
  background-color: #e2e2e2;
  /*width: 400px;*/
  width: 75%;
  min-height: 18px;
}

.pinputformedit {
  border: 2px solid green;
  padding: 10px;
  /*margin: 10px;
  font-size: 16px;*/
  background-color: #e2e2e2;
  /*width: 400px;*/
  width: 95%;
  min-height: 18px;
}

.pinputformdisabled {
  border: 1px solid transparent;
  padding: 10px;
  /*margin: 10px;
  font-size: 16px;*/
  background-color: #e2e2e2;
  /*width: 400px;*/
  width: 95%;
  min-height: 18px;
  color: gray;
  cursor: default;
}

.pinputarea2 {
  border: 1px solid transparent;
  padding: 10px;
  margin: 10px;
  /*font-size: 16px;*/
  background-color: #e2e2e2;
  width: 675px;
  height: 512px;
}

.pinputtext2 {
  border: 1px solid transparent;
  padding: 10px;
  margin: 10px;
  /*font-size: 16px;*/
  background-color: #e2e2e2;
  width: 675px;
}

.imageform {
	margin: 20px;
	width: 90%;
}

.labelform {
	width: 150px;
	font-size: 18px;
	display: inline-block;
	text-align: left;
}

.label {
	
	/*font-size: 20px;*/
	font-weight: bold;
	font-size: large;
	
}

.inputform {
  border: 1px solid transparent;
  padding: 5px;
  margin: 5px;
  /*font-size: 16px;*/
  background-color: #e2e2e2;
  width: 250px;
}

.pformdiv{
	display: flex;
	width: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
}
.pformleft{
	width: 40%;
}
.pformright{
	width: 60%;
}

.longinputform {
  border: 1px solid transparent;
  padding: 10px;
  margin: 10px;
  font-size: 16px;
  background-color: #e2e2e2;
  width: 512px;
}

.inputformcocher {
  border: 1px solid transparent;
  padding: 10px;
  margin: 10px;
  font-size: 16px;
  background-color: #e2e2e2;
}

.logininput {
  background-color: #e2e2e2;
  border: 1px solid transparent;
  padding: 10px;
  margin: 10px;
  font-size: 16px;
  width: 100%;
}

/* COMPACT CAPTCHA GREEN */

.capbox {
	background: #0F9B0F;
	background: linear-gradient(to right, #000000, #0F9B0F);
	border: #9C9C9C 0px solid;
	border-width: 2px 2px 2px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	padding: 5px 8px 5px 8px;
	border-radius: 4px 4px 4px 4px;
	}

.capbox-inner {
	font: bold 12px arial, sans-serif;
	color: #FFFFFF;
	background: #000000;
	background:rgba(255,255,255,0.30); /* SEMI TRANSPARENT BACKGROUND */
	margin: 0px auto 0px auto;
	padding: 3px 10px 5px 10px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	}

#CaptchaDiv {
	color: #000000;
	font: normal 25px Impact, Charcoal, arial, sans-serif;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	user-select: none;
	display: inline-block;
	padding: 3px 14px 3px 8px;
	margin-right: 4px;
	border-radius: 4px;
	}

#CaptchaInput {
	border: #97D87D 2px solid;
	margin: 3px 0px 1px 0px;
	width: 105px;
	}


/* END COMPACT CAPTCHA GREEN */