body {
  font-family: Helvetica Neue, Arial, sans-serif;
  text-align: center;
  
}
div.ex1 {
  font-weight: 100;
  font-size: 1.5em;
	color:#00008B;
   
    margin: auto;
    /*border: 3px solid #73AD21;*/
	margin: 0 0 0.1em 0;
}
div.ex2 {
  font-weight: 100;
  font-size: 5em;
	color:#00008B;
   
    margin: auto;
    border: 3px solid #73AD21;
	margin: 0 0 0.1em 0;
}
h1 {
  font-weight: 200;
  font-size: 3em;
  margin: 0 0 0.1em 0;
}
h2 {
  font-weight: 200;
  color: #999;
}
a {

  display: block;
  color: #3e95cd;
}
p.ptextgauche {
	text-align: left; 
}
th {
	text-align: center;
}
th.th2 {
	text-align: left;
}

.matable {
	font-size: 10px;
}

.button {
  border: none;
  color: white;
  padding: 14px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button3 {
         background-color: #1c87c9;
         border: none;
         color: white;
         padding: 20px 34px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 20px;
         margin: 4px 2px;
         cursor: pointer;
         }
.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}
.button1:hover {
  background-color: #4CAF50;
  color: white;
}
.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}
.button2:hover {
  background-color: #008CBA;
  color: white;
}
.buttonD {
  background-color: white; 
  color: black; 
  border: 2px solid #0CF8F4;
}
.buttonD:hover {
  background-color: #0CF8F4;
  color: white;
}
.buttonU {
  background-color: white; 
  color: black; 
  border: 2px solid #F82B0C;
}
.buttonU:hover {
  background-color: #F82B0C;
  color: white;
}


table, th, td {  
/*border: 1px solid pink;  */
border: 3px solid #404ddb; /* #212dad;  #73AD21;*/
font-size: 1em;
border-collapse: collapse;  
}  
th, td {  
padding: 1px;  /*10px */
}  

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableCell1 {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	text-align: left;
}
.divTableCellBlue {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	text-align: left;
	background-color: #3399ff;
}
.divTableCellRed {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	text-align: left;
	background-color: #ff3300;
}
.divTableCellGris {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
	text-align: left;
	background-color: #cccccc;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.container {
	padding-left: 2px;
}
			fieldset {
	  background-color: #eeeeee;
	}

	legend {
	  background-color: gray;
	  color: white;
	  padding: 5px 10px;
}
.error {color: #FF0000;}