<
style type

=
"text/css"
>
body, td, th {
    color: #000000;
}

.Style1 {
    color: #000000;
    font-size: 14px;
}

body {
    background-color: #E9E9E9;
    font-family: Arial, Helvetica, sans-serif;
}

form {
    font-family: Arial, Helvetica, sans-serif;
}

.Style2 {
    color: #FF6600
}

.Style3 {
    font-size: 12px
}


.titre {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FF6633;
  font-size: medium;
  padding: 2px 20px;
}

.titre2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  background-color: #CCCCCC;
  font-size: small;
  padding-top: 1px;
  padding-right: 20px;
  padding-bottom: 1px;
  padding-left: 20px;
}

.titre3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  font-size: small;
  background-color: #EFEFEF;
  padding-top: 1px;
  padding-right: 20px;
  padding-bottom: 1px;
  padding-left: 20px;
}

.tableauCadre {
    padding: 20px;
    margin: 20px;
    clip: rect(10px, auto, auto, auto);
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    border: 2px dashed;
  margin-bottom: 20px !important;
}
table{
  padding: 5px;
}
  table tr td{
	padding:2px 0;
  }

@media only screen and (max-width: 575.98px) {
  .tableauCadre,
  table {
	margin:0;
	padding:10px 0;
	width:100%;
	border-left:0;
	border-right:0;
  }
  .tableauCadre tr td{
	padding:2px 0;
  }
  .table-responsive{
	overflow-x: auto;
  }
  .titre2, .titre3{	
	padding-right: 5px;
	padding-left: 5px;
  }
  blockquote{
	margin:10px 5px;
  }
  input, select{
	max-width:80%;
  }
  .tableauCadre tr td.Style1{
	max-width: 200px;
  }
}