body {
background: ;
 font-family: 'Roboto', Arial, sans-serif;
 background-image: url('https://ietr-lab.univ-rennes1.fr/m2ars/img/bg_mars.jpg');
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: top right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    width: ;
    color : ;
	 margin-top: 0px;
}

a {
  outline: none;
  text-decoration: none;
   color: #FFFFFF;
}

a:link {
  background-color: ;
  color: #FFFFFF;
}

a:hover {
  background-color: #000000;
    color: #f2503c;
}

a:visited {
  color: ;
}

#titre_cacendra {   
	font-style: ;
    color: #FFFFFF;
    text-align: center;
    margin-top: 100px;
	margin-bottom : 100px;
	margin-left: ;
	margin-right: ;
}

#menu {   
    position: absolute;
	z-index: 0;
	float; left;
	float: left;
    height: auto;
    width: auto;
	font-style: ;
	font-size: 25px;
    color: #FFFFFF;
    text-align: ;
    margin-top: -145px;
	margin-bottom : 0px;
	margin-left: 20px;
	margin-right: ;
}

#titre_h1{   
    position: ;
	z-index: 2;
	float; left;
	font-style: ;
    color: #FFFFFF;
    text-align: center;
    margin-top: 180px;
	margin-bottom : 60px;
	margin-left: 20px;
	margin-right: ;
}


#logo_m2ars {   
    position: ;
	z-index: 1;
	float; right;
	float: right;
    height: auto;
    width: auto;
	font-style: ;
	font-size: ;
    color: ;
    text-align: ;
    margin-top: -160px;
	margin-bottom : 0px;
	margin-left: ;
	margin-right: 20px;
}

#logo_ietr {   
    position: ;
	z-index: ;
	float: ;
    height: 62px;
    width: 200px;
	font-style: ;
	font-size: ;
    color: ;
    text-align: ;
    margin-top: 120px;
	margin-bottom : 120px;
	margin-left: auto;
	margin-right: auto;
}


.valeur_initiale{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: ;
    font-size: 20px;
	font-weight: bold;
    color: #f2503c;
}


#file_message {   
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: 100px;
	margin-bottom : ;
	margin-left: ;
	margin-right: ;
}

.message {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: ;
    top: 70px;
    left: 70px;
    font-size: 35px;
    color: #FF0000;
    float: ;
}

legend {
  background-color: ;
  color: #000000;
  padding: 0px 10Px;
}

fieldset  {
  border-radius: 10px;
  border-style:solid;
  border-color: #666666;
  background-color: #AAAAAA;
}

input {
  margin: ;
}

* {
boorder: none;
}


label {
  position: relative;
}

input {
  font-size: 1.2rem;
  padding: .8rem 0rem .8rem 0;
  background: transparent;
  color: #000000;
  text-align: center;
  border-left: 3px solid #AAAAAA;
  border-right: 3px solid #AAAAAA;
  border-top: 3px solid #AAAAAA;
  border-bottom: 3px solid #CCCCCC;
  transition: all .4s;
  outline: none;
}



input:focus {
  border-bottom: 3px solid #f2503c;
   background: #AAAAAA;
}

input::placeholder {
  color: #555555;
  text-align: center;
  }
  

label prenom,label nom{
  position: absolute;
  right: 0px;
  top: 50%;

  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 15px;
  color: #000000;
  background: #CCCCCC;
  border-radius: 5px;
}

#conteneur {
    float: ;
    height: 425px;
    width: 800px;
	overflow: ;
	background-color: #CCCCCC;
	box-shadow: 0px 5px 0px 0px;
	border-radius: 20px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: ;
	margin-right: ;
}

#conteneur_adr {
    float: ;
    height: 550px;
    width: 800px;
	overflow: ;
	background-color: #888888;
	box-shadow: 0px 5px 0px 0px;
	border-radius: 10px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: 10px;
	margin-bottom : 15px;
	margin-left: ;
	margin-right: ;
}

#conteneur_generateur {
    float: ;
    height: 305px;
    width: 800px;
	overflow: ;
	background-color: #888888;
	box-shadow: 0px 5px 0px 0px;
	border-radius: 10px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: 10px;
	margin-bottom : 15px;
	margin-left: ;
	margin-right: ;
}

#conteneur_positionneurS {
    float: ;
    height: 1175px;
    width: 800px;
	overflow: ;
	background-color: #888888;
	box-shadow: 0px 5px 0px 0px;
	border-radius: 10px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: 10px;
	margin-bottom : 15px;
	margin-left: ;
	margin-right: ;
}

#conteneur_scanner {
    float: ;
    height: 415px;
    width: 800px;
	overflow: ;
	background-color: #888888;;
	box-shadow: 0px 5px 0px 0px;
	border-radius: 10px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: 10px;
	margin-bottom : 5px;
	margin-left: ;
	margin-right: ;
}
  
#conteneur_submit {
    float: ;
    height: 65px;
    width: 600Px;
	overflow: ;
	background-color: #AAAAAA;
	box-shadow: 0px 0px 0px 2px;
	border-radius: 10px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: 0px;
	margin-bottom : 15px;
	margin-left: ;
	margin-right: ;
}

#conteneur_file {
    float: ;
    height: 605px;
    width: 565px;
	overflow: ;
	background-color: #AAAAAA;
	box-shadow: 0px 5Px 0px 0px;
	border-radius: 10px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: -10px;
	margin-bottom: 5px;
	margin-left: ;
	margin-right: ;
}

#bandeau {
    float: ;
    height:40px;
    width: 100%;
	overflow: ;
	background-color: #000000;
	border-radius: 10px;
    font-size: 20px;
	font-style: ;
    color: #FFFFFF;
    text-align: RIGHT;
    margin-top: ;
	margin-left: 0px;
	margin-right: 15px;
}

#titre {
    float: right;
    height: auto;
    width: auto;
	overflow: ;
	background-color: ;
    font-size: 1.5rem;
	font-style: strong;
    color: #f2503c;
    text-align: right;
    margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-right: 10px;
}

#visuel {
    float: left;
    height: auto;
    width: auto;
	overflow: ;
	background-color: ;
    font-size: 1rem;
	font-style: strong;
    color: #f2503c;
    text-align: left;
    margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

#cases{
    float: ;
    height: 425px;
    width: 800px;
	overflow: ;
	background-color: #CCCCCC;
	box-shadow: 0px 5px 0px 0px;
	border-radius: 20px;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: ;
	margin-right: ;
}

#axes {
    float: ;
    height: 215px;
    width: 600px;
	overflow: ;
	background-color: ;
	border-radius: 15px;
	border:  2px solid;
	border-color:  #999999;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: auto;
	margin-right: auto;
}

#axes_adr {
    float: ;
    height: 550px;
    width: 750px;
	overflow: ;
	background-color: ;
	border-radius: 15px;
	border:  0px solid;
	border-color:  #999999;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: auto;
	margin-right: auto;
}

#axes_generateur {
    float: ;
    height: 305px;
    width: 750px;
	overflow: ;
	background-color: ;
	border-radius: 15px;
	border:  0px solid;
	border-color:  #999999;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: auto;
	margin-right: auto;
}

#axes_positionneurS {
    float: ;
    height: 905px;
    width: 750px;
	overflow: ;
	background-color: ;
	border-radius: 15px;
	border:  0px solid;
	border-color:  #999999;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: auto;
	margin-right: auto;
}

#axes_scanner {
    float: ;
    height: 415px;
    width: 750px;
	overflow: ;
	background-color: ;
	border-radius: 15px;
	border:  0px solid;
	border-color:  #999999;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: auto;
	margin-right: auto;
}

#axes_submit {
    float: ;
    height: 65px;
    width: 550px;
	overflow: ;
	background-color: ;
	border-radius: 15px;
	border:  0px solid;
	border-color:  #999999;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: auto;
	margin-right: auto;
	padding-top: ;
}

#axes_file {
    float: ;
    height: ;
    width: 525px;
	overflow: ;
	background-color: ;
	border-radius: 15px;
	border:  0px solid;
	border-color:  #999999;
    font-size: 1.2rem;
	font-style: ;
    color: #000000;
    text-align: center;
    margin-top: ;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

p,
label {
  font:
    1rem 'Fira Sans',
    sans-serif;
}

input {
  margin: 0.4rem;
}

#fieldset {
    border-radius: 10px;
	border:  3px solid;
	border-color:  #777777;
    padding: 10px 15px 15px 15px;
	background-color: #777777;
}

#fieldset_mcp{
    border-radius: 10px;
	border:  3px solid;
	border-color:  #777777;
    padding: 10px 15px 15px 15px;
	background-color: #777777;
}

#fieldset_mcl{
    border-radius: 10px;
	border:  3px;
	border-style : dotted;
	border-color:  #000000;
    padding: 10px 15px 15px 15px;
	background-color: #888888;
}



.fieldset_mcp_titre{
    position: ;
	float: ;
	width: 175px;
    border-radius: 10px;
	border:  3px solid;
	border-color:  #777777;
    padding: 5px 5px 5px 5px;
	background-color: #777777;
	margin-left: ;
	margin-right: ;
}

.fieldset_mcl_titre{
	position: ;
	float: ;
    width: 175px;
    border-radius: 10px;
	border:  3px;
	border-style : dotted;
	border-color:  #000000;
    padding: 5px 10px 5px 10px;
	background-color: #888888;
	margin-left: ;
	margin-right: ;
}

#img_position{
    position: relative;
    height: auto;
    width: auto;
    font-size: 35px;
	font-style: strong;
	text-align: ;
    color: #FF0000;
	margin-left: 40px;
	margin-right: 55px;
	margin-top: 0px;
	margin-bottom: ;
    float: left;
}

#valeur_CP_Eroulis{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    height: auto;
    width: 150px;
    font-size: 35px;
	font-style: strong;
	text-align: ;
    color: #FF0000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: ;
    float: right;
}

#valeur_CL_Eroulis{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    height: auto;
    width: 150px;
    font-size: 35px;
	font-style: strong;
	text-align: ;
    color: #FF0000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: ;
    float: right;
}

#valeur_CP_Rgisement{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    height: auto;
    width: 150px;
    font-size: 35px;
	font-style: strong;
	text-align: ;
    color: #FF0000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: ;
    float: right;
}

#valeur_Rroulis{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    height: auto;
    width: 150px;
    font-size: 35px;
	font-style: strong;
	text-align: ;
    color: #FF0000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: ;
    float: right;
}