body {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	background-color: #dddddd;
	font-family: garamond}

header {
	height: 105px;
	border: none;
	background-color: #ffffff;
	vertical-align: middle}
	
section {
	background-image:-moz-linear-gradient(300deg,#ffffff,#aaaaaa,#aaaaff,#aaaaaa);
	background-image:-webkit-linear-gradient(300deg,#ffffff,#aaaaaa,#aaaaff,#aaaaaa);
	background-image:-o-linear-gradient(300deg, #ffffff,#aaaaaa,#aaaaff,#aaaaaa);
	background-image:linear-gradient(150deg,#ffffff,#aaaaaa,#aaaaff,#aaaaaa);
	padding: 25px;
	}
		
	
div.champ{
	width: 350px;
	/*height: 30px;*/
	background-color: #fff;
	padding: 4px;
	margin: 10px 0;
}	
	
	
.box {
  background-color:rgba(0,120,0,0.2);
  border: 1px solid #c4c4c4;
  padding: 30px 25px 10px 25px;
  margin: 30px auto;
  width: 450px;
}


h1.box-logo a {
  text-decoration:none;
}
h1.box-title {
  color: #111111;
  background: rgba(120,120,120,0.25);;
  font-weight: bold;
  padding: 15px 25px;
  line-height: 30px;
  font-size: 25px;
  text-align:center;
  margin: 1px;
  /*margin: -27px -26px 26px;*/
}

h1.titre {
	font-size: 26pt;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	}
	
/*.sous-titre{
	display: inline-block;
	position: ststic;
}*/
	
.box-button {
  border-radius: 5px;
  background: #68e674;
  text-align: center;
  cursor: pointer;
  font-size: 19px;
  width: 100%;
  height: 51px;
  padding: 0;
  border: -5px;
  outline:0;
}
.box-button:hover{
	filter:brightness(0.8);
}

a.logout{
	border-radius: 5px;
  background: rgba(120,120,120,0.75);
  text-align: center;
  font-weight: bold;
  color: #111111;
  cursor: pointer;
  font-size: 19px;
  width: 300px;
  height: 80px;
  padding: 15px;
}
a.logout:hover{
	
}

.box-register
{
  text-align:center;
  margin-bottom:0px;
    font-size:17px;
}
.box-register a
{
  text-decoration:none;
  color:#514ce2;
}
input{
	width: 90%;
	border: none;
	outline: none;
	vertical-align:middle;
}
.champ{
	background-color: #fff;
	padding: 4px;
	margin: 10px 0;
}
.champ img{
	height: 20px;
	cursor: pointer;
	vertical-align:middle;
}
/*.box-input {
  font-size: 18px;
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: 25px;
  padding-left:10px;
  border-radius: 5px;
  width: 90%
  height: 50px;
}*/
.box-input:focus {
    outline: none;
    border-color:#5c7186;
}


.sucess{
  font-size: 16px;
  text-align: center;
  color: #000;
}
.sucess a {
  text-decoration: none;
  /*
  color: #3f29f5;
  */
}

.idvisiteur{
	font-size: 18px;
	float: right;
	text-align: center;
	border-right : 50px;
}

.description_projet{
		text-align: left;
		font-weight: bold;
		
}

div.liste_docs{
	background-color: rgba(255,255,255,0.6);
	margin: 25px 100px 50px 100px;
	padding: 25px;
	text-align: left;
	border: 1px solid #222222;
	border-radius: 30px;
}
.lateral{
	float: right;
}



p.errorMessage {
    background-color: #e66262;
	font-size: 16px;
	font-weight: bold;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}

p.messageOK {
    background-color: #68e674;
    border: #00A600 1px solid;
	font-size: 16px;
	font-weight: bold;
    padding: 5px 10px;
    color: #000000;
    border-radius: 8px;
}