/*div général*/



.admin {



    display: flex;

    flex: 1 1 auto;

    color: white;

    justify-content: center;

    text-align: center;

    justify-items: center;

    flex-flow: column;

    font-size: 1.5em;

    font-family: menu;

    border-radius: 1em;

    border-bottom: 1px solid #31c089;

    background-image: linear-gradient(to top, rgba(103, 216, 140, 0.2),rgba(216, 103, 211, 0.13));

    /*! text-shadow: 1px 1px black, 0 1px black, 1px 0 black, -1px -1px black , 2px 2px black , -2px 2px black, -2px -2px black, 2px -2px black;*/

    letter-spacing: 0.1em;

    font-weight: normal;

	padding: 0 0.2em;



}

	.connexion {

		margin: 1em auto !important;

	}



li.titlemenu.center {

    display: block;

	background-size:cover;

	min-width: 192px;

}



.unlog{



	/*! float:right; */

	display: inline-block;

	position: relative;

	left: 100%;

	margin-left: -22px;

	margin-top: -20px;

	top: 25px;

	height: 0px;

	line-height: 0px;

}



/*style global des boutons submit*/















/*Mise en forme de la page login*/



table.login{

	margin-top:100px;

	margin-left:auto;

	margin-right:auto;

}





	.admin form{

		/*! margin-top:30px; */

		/*! margin-bottom:30px; */

		/*! margin-left:auto; */

		/*! margin-right:auto; */

		background-color:#002F2F;

		max-width:80%;

		padding:1em;

		border: 2px solid #EFECCA;

		margin: auto;

		border-radius: 0.5em;

	}

.admin form label {

}

	

	.admin form textarea{

		font-family:Arial;

		font-size:13px;

	}

	

	.admin form img{

		max-width:400px;

		margin-top:10px;

		margin-bottom:10px;

	

	

	}

	

	.admin p{

	color:red;

	margin-left:10px;

	}



	.admin h1{

		margin-bottom:8px;

		color:#E8CC06;

		font-family:Georgia;

		font-size:18px;

		text-align:center;

	}

	

	.admin a.back{

	text-decoration:none;

	color:#E8CC06;

	}



	.oblig{

	

	font-weight:bold;

	color:#ff7703;

	/*! max-width:95%; */

	

	}

	



img.picto{

	width:20px;

	border:0;

	}



.legende.administration li img {

    filter: invert(0);

    width: 20px;

    margin: 0 0.5em;

}

	img.addbutton{

		width:24px;

		border:none;

		}

	a:hover img.addbutton {

		background: gold;

		border-radius: 0.25em;

	}

		

	.overall_request a{

		text-decoration:none;

		border:0px;

	}

	.overall_request a:hover {

	  color: #8d72e4;

	  text-decoration: underline;

	}



	.legende_admin table{

	/*border-collapse:collapse;*/

	/*border:1px solid black;*/



	width:100%;

	margin-top:10px;

	margin-bottom:10px

	}

	.legende_admin table img{

	width:22px;

	}

	

		.legende_admin{

	float:left;

	border-top:5px solid black;

	border-bottom:5px solid black;

	background-color:#1d1d1d;	

	}

	

form input, form legend {

    padding: 0 0.4em;

    margin: auto 0;

}







fieldset {

  width: calc(95% - 1.6em);

  margin: 0 auto;

  background: rgba(0,0,0,0.5);

  padding:0.8em;

  border-radius: 0.5em;

  display: flex;

  flex-flow: column wrap;

  

}

fieldset .input {

  padding: 0.25em;

  border-bottom: 1px #0081ff dashed;

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

}

.valeurs {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

}

fieldset label{

  display:inline-flex;

  min-width:160px;

  flex:0;

  

  text-align: initial;

}

fieldset .input img{

	max-width:100%;

}

#picture, #picto {

	margin: 0 auto;

}

#picto{

	filter:invert(1);

}

fieldset p {

  /*! display: flex; */

  /*! flex-flow: row wrap; */

  /*! margin-bottom: 1em; */

  padding: 0 0.5em;

  font-size: 0.9em;

  font-style: oblique;

}

code {

  padding: 0 0.5em;

}



.wrong {



    display: flex;

    flex: 1 1 auto;

    color: white;

    justify-content: center;

    text-align: center;

    justify-items: center;

    flex-flow: column;

    font-size: 1.2em;

    font-family: menu;

    border-radius: 1em;

    border-bottom: 1px solid #6cb5f2;

    background-image: linear-gradient(to top, rgba(103, 164, 216, 0.4),rgba(216, 103, 103, 0.27));

    text-shadow: 1px 1px black, 0 1px black, 1px 0 black, -1px -1px black , 2px 2px black , -2px 2px black, -2px -2px black, 2px -2px black;

    letter-spacing: 0.08em;

    font-weight: normal;

    padding: 0.2em;

    margin: 0.2em;



}



@media screen and (max-width: 1100px) {

li.titlemenu.center {

	flex: 2 1 100%;

	}}





input:-moz-read-only {

  background-color: #ccc;

}

/* Blink/WebKit/Edge n'ont pas de préfixe */

input:read-only {

  background-color: #ccc;

}	

	.submit{

     margin-top:10px;

		display: block;

	 border:none;

   height:32px;

	 width:auto;

	background-image: linear-gradient(to bottom, rgba(29,29,29,0.83) 0%,rgba(66,66,66,0.92) 50%,rgba(83,83,83,0.92) 51%,rgba(108,108,108,1) 100%);

	  padding: 0 0.5em;

     border-radius: 0.25em;

		color:white;

		margin:1em  auto;

}



	.submit:hover {

   	background-image: linear-gradient(to bottom, rgba(55,33,62,0.83) 0%,rgba(95,56,107,0.92) 50%,rgba(112,66,127,0.92) 51%,rgba(177,132,191,1) 100%);

		cursor:pointer;

	}