<meta name="viewport" content="width=device-width, initial-scale=1.0">
h5 {
	padding: 20px;
    text-align: center;
	background-color: #406DE3;
}

/******************************************************************************/
/***************************** police h1/h3 ***********************************/
/******************************************************************************/
h1{
	text-align: center;
	padding: 5px;
}
h3{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

/***********************************************************************************************/
/****** mise en forme des champs de saisie renseignements personnels (form et input) ***********/
/***********************************************************************************************/
form {
width:80%;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
margin-bottom: 10px;
}
input{
	
	margin-top: 20px;
	margin-right: 30px;
	size:50px;
}


/******************************************************************************/
/********************** mise en form des checkbox *****************************/
/******************************************************************************/
input[type=checkbox]
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/*******************************************************************************/
/********************* mise en form du bouton envoyer **************************/
/*******************************************************************************/
input[type=submit]
{
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}


/************************************************************************************/
/****************************mise en form des sections ******************************/
/************************************************************************************/
div#content div.leftbox{
background-color: #7AA8FA;
vertical-align: top;
}

div#content div.leftbox .perso label{
    width: 240px;
	display: inline-block;
    
}

div#content div.rightbox{
background-color: #7AA8FA/*#2D8EA1*/;
}


div#content2 div{
	display: inline-block;
	width: 49%;
	align-content: center;
} 

div#content2 div.leftbox div{
	vertical-align: center;
}

div#content2 div.leftbox{
	background-color: #7AA8FA;
	margin-top: 50px;
} 
div#content2 div.leftbox p {
	padding: 15px;
    text-align: 80px;
    margin-top: 95px;
	
}


/************************************************************************************/
/****************************mise en form des deux logo ******************************/
/************************************************************************************/
img.alignLeft{
	float:left;
	width:150px;
   height:160px;
   left : 60%;
   top: 0;
}
img.alignRight{
	float:right;
	width:150px;
   height:160px;
   left : 60%;
   top: 0;
	
}


/************************************************************************************/
/****************************mise en form des deux logo ******************************/
/***********************************************************************************
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /*Set the fixed height of the footer here*/
/* height: 0px;
}
/******************************************************************************/

div#content div.left1box{
background-color: #7AA8FA;
vertical-align: top;
}

div#content div.lef1tbox .perso label{
   height: 450px;
	display: inline-block;
    
}

div#content div.right1box{
background-color: #7AA8FA/*#2D8EA1*/;
}


div#content2 div{
	display: inline-block;
	height: 49%;
	align-content: center;
} 

div#content2 div.left1box div{
	vertical-align: center;
}

div#content2 div.left1box{
	background-color: #7AA8FA;
	margin-top: 50px;
} 
div#content2 div.left1box p {
	padding: 15px;
    text-align: 80px;
    margin-top: 95px;
	
}