html {
  font-family: sans-serif;
}

A {COLOR:#F2F2F2; TEXT-DECORATION: none }
A:hover {COLOR:#FFFFFF; TEXT-DECORATION: none}
A:visited {COLOR:red ; TEXT-DECORATION:underline}



.radio-ListPhoto{
position: absolute;
left: 0;
top: -999px;
width: 1px;
height: 1px;
overflow: hidden;
}





.Err_hg {
  background: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
	
  display: inline-block;
  border: solid 2px white;
  width: 40px;
  height: 40px;
  margin: 1px;
  padding: 0px;
}



.ImgCert {
  display: inline-block;
  border: solid 2px white;
  width: 20px;
  margin: 1px;
  padding: 0px;
}
.ImgCert:hover {
  display: inline-block;
  border: solid 2px black;
  width: 20px;
  margin: 1px;
  padding: 0px
}
.ImgCert:active {
  display: inline-block;
  border: solid 2px black;
  width: 20px;
  margin: 1px;
  padding: 0px
}

.ImgCertC {
  display: inline-block;
  border: solid 2px black;
  width: 20px;
  margin: 1px;
  padding: 0px
}




.ImgCert_cadre {
	font-size : 0;
  height: 24px;
  width:220px;
    padding: 1px
}





.box {
  position: relative;
  top: 10px;
}

.connect-cadre {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 40px;
  background: #FFFFFF;
}

.connect-cadrev {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 40px;
  background: #FFFFFF;
}

.connect-cadre-label {
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
   line-height: 27px;
  text-align: center;
  background: #A4B6C8;
  color: #FFFFFF;
  border-top: 12px;
}

.connect-Id-label {
  align:left;
  color: #FFFFFF;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #A4B6C8;
  line-height: 27px;
  font-size: 12px;
  font-weight: bold;
  text-align:left;
}
.connect-Id-input {
  outline: none;
  display: block;
  position: relative;
  width: 150px;
  border-top: hidden;
  border-left: hidden;
  border-right: hidden;
  border-bottom: 1px solid #333333;
  background-color: #A4B6C8;
  text-align: center;
}
.connect-input-Id:focus {
  outline: none;
  display: block;
  width: 150px;
  padding: .375rem 0 .375rem 0;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border-top: hidden;
  border-left: hidden;
  border-right: hidden;
  border-bottom: 1px solid #333333;
  text-align: center;
}

.connect-bouton  {
	  outline: none;
	width:30px;
	height:30px;
	background:#fafafa;
	box-shadow:2px 2px 8px #aaa;
	font:bold 12px Arial;
	border-radius:50%;
	color:#555;
}









.connect-cadre-titre {
  position: static;
  left: 30px;
  top: 30px;
  width: 300px;
  height: 15px;
  padding: 10px 10px;
  background: #A4B6C8;
}
.connect-titre{
  color: #002060;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

.connect-cadre2 {
  position: static;
  display: inline-block;
  left: 0px;
  top: 30px;
  width: 150px;
  height: 50px;
  padding: 5px 10px;
  background: #FFFFFF;
}




form {
  display: inline-block;
    margin-top: 0em;
}


.construction {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
}

.copyright {
  color: #002060;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

body {
  background-color: #A4B6C8;
  margin:0px;	
}
.Style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.rouge {
	color: #FF0033;
	font-weight: bold;
}











div.ErrTable {
  display: table;
  background-color: #A4B6C8;
  text-align: center;
  border-collapse: collapse;
}
.ErrTable .ErrTableL1C1 {
  display: table-cell;
  border: 2px solid #FFFFFF;
  background: #FFA7A7;
  height:30px;
  width: 100px;
  text-align: center;
  vertical-align:middle;
  font-size: 15px;
  font-weight: bold;
  color: #A40808;
}
.ErrTable .ErrTableL1C2 {
  display: table-cell;
  background: #A4B6C8;
  height:30px;
  width: 200px;
  text-align: center;
}
.ErrTable .ErrTableL2 {
  display: table-cell;
  border: 2px solid #FFFFFF;
  background: #FFFFFF;
  height:90px;
  width: 300px;
  text-align: center;
  vertical-align:middle;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  padding: 30px;
}
.ErrTable .ErrTablePied {
  display: table-cell;
  border: 2px solid #FFFFFF;
  background: #A40808;
  height:25px;
  width: 300px;
  text-align: center;
  vertical-align:middle;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.ErrTable .ErrTablePied .bouton {
  text-align: right;
  padding: 10px;
}
.ErrTable .ErrTablePied .bouton a{
  display: inline-block;
  background: #FFFFFF;
  color: #A40808;
  padding: 2px 8px;
  border-radius: 5px;
  height: 20px;
}
.ErrTable .ErrTablePied .bouton a:hover{
  display: inline-block;
  background: #FFA7A7;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
  height: 20px;
}
.divTableL { display: table-row; }