@charset "utf-8";
/* CSS Document */
/*<!-- // date de MAJ : 07/06/2020 par CFA -->*/
body
{
	background-color: burlywood;
}

/*#titre_principal
{
display: inline-block;
}
*/
#logo
{
/*display: inline-block;*/
	padding-top: 70px;
	padding-left: 15%;

	/*margin-bottom: 50px;*/

}

#bloc_page
{
width: 900px;
margin: auto;
}

hr
{
	height: 2px;
	background-color: blue;
	border:thin;
}

.textespace{
	padding-top: 100px;
	font-size: 50px;
	color: maroon;
	font-style: italic;
	align-content: center;
}

.titreform01{
	font-size: 25px;
	color: maroon;
	height: 30px;
}

.textform01{
	font-size: 19px;
	color: maroon;
	height: 30px;
}

.textform02{
	font-size: 19px;
	color: maroon;
	height: 25px;
}

.textform03{
	font-size: 19px;
	color: blue;
	height: 30px;
}

.textform04{
	font-size: 15px;
	color: blue;
	height: 30px;
}
.textform05{
	font-size: 15px;
	color: maroon;
	height: 30px;
}
.textform05a{
	font-size: 15px;
	color: maroon;
	height: 20px;
}
.textform06{
	font-size: 15px;
	color:darkgreen;
	height: 30px;
}

.textform07{
	font-size: 15px;
	color: maroon;
	height: 20px;
}

.textform08{
	font-size: 15px;
	color: green;
	height: 20px;
}

.textform09{
	font-size: 19px;
	color: red;
	height: 30px;
}
/*
.comment{
	font-size: 18px;
color:darkblue;
*/
.valider
{
	width: 100px;
          font-size: 1em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: green;
          color: white;
          border-radius: 3px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
}
.corriger
{
	width: 100px;
          font-size: 1em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: coral;
          color: white;
          border-radius: 3px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
}
.oubli
{
	width: 200px;
          font-size: 1em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: red;
          color: white;
          border-radius: 3px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
}
.abandonner
{
	width: 110px;
          font-size: 1em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: red;
          color: white;
          border-radius: 3px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
}
.decision_neutre
{
	width: 200px;
          font-size: 1em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: coral;
          color: white;
          border-radius: 30px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
}

.decision_non
{
	width: 200px;
          font-size: 1em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: red;
          color: white;
          border-radius: 30px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
}

.decision_oui
{
	width: 200px;
          font-size: 1em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: green;
          color: white;
          border-radius: 30px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
}

.decision_neutre:hover, .decision_oui:hover, .decision_non:hover{
          transform: scale(1.01);
          box-shadow: 6px 6px 25px 4px rgba(0, 0, 0, 0.18);
      }

.decision_neutre:active, .decision_oui:active, .decision_non:active{
          transform: scale(0.98);
          box-shadow: 6px 6px 18px 2px rgba(0, 0, 0, 0.23);
      }

.saisie
{
	background-image: url(../images/fond_gris.jpg);
	border-radius: 15px;
	border: double rgba(200,0,42,3.00);/*border: double rgba(26,46,199,1.00);*/
}

#table-wrapper {
position:relative;
}
#table-scroll {
height:600px;
overflow:auto;
margin-top:20px;
}
/*
#table-scroll1 {
height:400px;
overflow:auto;
margin-top:20px;
}

#table-wrapper table {
width:100%;
}

*/
/*
#accueil
{

	background-image: url(../images/Accueil3.jpg);
	background-attachment: fixed;
background-repeat : no-repeat;
background-position : center;

}
.titre
{
	font-family: Cambria, "serif";
	font-size: 2.0em;
	font-style: italic;
	font-weight: bold;
}
.colonne
{
	vertical-align: top;
}

.texte, .texte li
{
	font-family: Calibri, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 1.2em;
	text-align: justify;
}
.imageAccueil
{
	float: left; /* met la photo à gauche*/
	/*padding-top: 10px; crée une marge supérieure avant l'image
	margin-right: 8px; /* crée une marge extérieure à droite de l'image
}
.connexion {
	height: 100px;
	color: maroon;
	border: 3px blue solid ;
	border-radius: 10px;
	text-align: center;
	padding-left: 10px;
	background-image:url(../images/fond_2.jpg)
}

.retrait {
	padding-left: 200px;
}
*/
.encadre{
	border: 1px maroon solid;
	border-collapse: collapse;
	/*border-style:dotted;
 	/*border-color:black;
	padding-left: 0px;
	padding-right: 00px;
	/*background-color:#E09B8A/*antiquewhite/*aquamarine; /*darkcyan*/
}
.encadrebleu{
	border: 1px blue solid;
	border-collapse: collapse;
	/*border-style:dotted;
 	/*border-color:black;
	padding-left: 0px;
	padding-right: 00px;
	/*background-color:#E09B8A/*antiquewhite/*aquamarine; /*darkcyan*/
}
/*
.alinea{
	padding-left: 40px;
}

.immeuble_arsg
{
	float:left;
	padding-top: 10px;
	margin-right: 8px;
}
*/
/*
.accueil
{
	/*position:absolute;*/
/*	align-content: center;
	align-items: center;
	align-self: center;
	vertical-align: middle;
	/*top:50%;;
   left:50%;*/
/*	width:1000px; /* A toi de donner la bonne largeur */
/*	height:560px; /* A toi de donner la bonne hauteur */
/*	margin-left:-1px; /* -largeur/2 */
/*	margin-top:-0px; /* -hauteur/2 */
/*	background-image: url(../images/Accueil4a.jpg);
	background-repeat : no-repeat;       
}
*/
/*
 .bouton_accueil
{
	width: 400px;
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	border: none;
	background-color: coral;
	color: maroon;
	border-radius: 10px;
	box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	outline: none;
	transition: 0.2s;
}
*/
/*
.piedPage
{display: inline-block;}
.piedPage ul{list-style: none;text-align: left;z-index:999;padding: 0;margin: 0;}
.piedPage li{float: left;}
.piedPage a {color:maroon;font-family: "Times New Roman", "serif";font-size: 18px;font-style: italic;
padding:5px 10px; text-decoration: none; font-weight:bold;line-height: 18px;}/*background-color: burlywood;
.piedPage a:hover{color:red;background:aquamarine;}
*/
