@charset "utf-8";
/* CSS Document */
/* Eléments principaux de la page */

/* éléments du corps de page */
/*<!-- // date de MAJ : 07/06/2020 par CFA -->*/
body
{
/*background-color:burlywood;*/
background-color: burlywood;
/*font-family: 'Trebuchet MS', Arial, sans-serif;
color: #181818;*/
}

#logo
{
	display: inline-block;
	margin-bottom: 0px;
}

.logo{
	width: 100px;
	height: 100px;
}
.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*/
	max-width: 10%;
	max-height: 10%
}

.textespace{
	/*text-align: center;*/
	padding-top: 200px;
	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: 20px;
	color: red;
	height: 20px;
}

.textformMessageAccueil{
	font-family: "Times New Roman", "serif";
	font-size: 18px;
	color: blue;
	height: 10px;
}
.comment{
	font-size: 18px;
	/*align-content: left;
	text-align: left;*/
color:darkblue;
}
.decision_neutre
{
	width: 200px;
          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;
}

.decision_non
{
	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;
}

.decision_oui
{
	width: 200px;
          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;
}

.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);*/
	background-image: url(../images/mo04.jpg);
	border-radius: 10px;
	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/Accueil4a.jpg);
	background-attachment: fixed;
background-repeat : no-repeat;
background-position : center;

}

hr
{
	height: 2px;
	background-color: blue;
	border:thin;
}
