* {
  box-sizing: border-box;
}

body {
  background-color: #f1f1f1;
}

h1
{
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}

h2
{
	font-size:18px;
	font-weight:bold;
	/*margin-bottom:5px;*/
}

#regForm {
  background-color: #ffffff;
  margin: 20px auto;
  font-family: Raleway;
  padding: 40px;
  width: 80%;
  min-width: 300px;
  text-align:left;
}


input, select {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

select.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

button {
  background-color: #4CAF50;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: Raleway;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

#GTitre
{
	width:auto;
	display:block;
	height:70px;
	text-align:center;
	
     	color: #EDEEEE;
	font-weight:bold;
    	background: #444;
     	background: linear-gradient( #299762, #2C2C2C);
	text-shadow: 0px 1px 0px white;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.4);
     	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.8),
                 0 -1px 0 rgba( 255, 255, 255, 0.6);	
	
	padding-top:10px;
	padding-bottom:10px;
	box-shadow: 6px 6px 0px #aaa;
}

#message
{
	width:auto;
	border:#333 1px solid;
	height:30px;
	text-align:center;
	font-size:15px;
        color: #f00;
	padding-left:10px;
	padding-top:12px;
	border-radius: 5px;
	margin-bottom:20px;
}

#centre
{
	position:relative;
	float:left;
	width:800px;
	height:auto;
	left:70px;
	z-index:1;
}

.div_input_form
{
	/*float:left;*/
	padding-left:32px;
	padding-right:32px;
	padding-bottom:15px;
	padding-top:10px;
	text-align:left;
}

.div_conteneur_parent
{
	width:100%;
	height:auto;
	text-align:center;
}

.div_conteneur_page
{
	margin-top:5px;
	width:1200px;
	text-align:left;
	border:#666666 1px solid;
	height:auto;
	display:inline-block;
	background-color:#FFFFFF;
	
}

.titre_page
{
	width:auto;
	padding-top:10px;
	padding-bottom:10px;
	height:42px;
	font-family:Calibri;
	color:#FFFFFF;
	text-align:right;
	/*background-image:url(../images/bg-tech-std.png);*/
	background-repeat:no-repeat;
	background-color:#299762;
	padding-right:10px;
}

.div_saut_ligne
{
	width:100%;
	height:10px;
	display:inline-block;
}

.div_int_page
{
	width:100%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:5px;
	height:auto;
	font-size:14px;
	font-family:Calibri;
	color:#666666;
	text-align:left;
}