.logo { 
	margin: auto;
	width: 50%;
}
.petitlogo { 
	width: 100px;
}
.petitlogo img { 
	max-width: 100%;
    max-height: 100%;
}
.divcentree { margin: auto; text-align: center; }

.blink {
  animation: blinker 1s step-start 5;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

body {
	background: black;
/*	font-family: 'Helvetica Neue','Helvetica', Arial, sans-serif;*/
	font-family:"trebuchet ms",sans-serif;
	font-size:90%;
	height: 100%;
	margin: 0;
}

H2 { text-align: center }
/*button {margin:auto;}*/

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
/*	margin:auto;*/
	text-align: center;
}
#cr { color: red; }


#menu {
	display: flex;
	justify-content: space-around;
}
.menubtn:hover {
	background: #05abe0;
}

.entete {
	margin-top: 10px;
	display:flex;
	justify-content: space-evenly;
	align-items: center;
}

#aide {
/*	position: absolute;
	top: 5px;
	right:5px;*/
	border: medium solid aqua;
	border-radius: 50%;
    width: 30px;
    height: 30px;
}
#aide:hover {
	border: medium solid red;
}

.infosphoto:hover {
	border: medium solid red;
}

#output img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

.edition td:nth-child(1) {  
  float: right;
}

.txt-clignote  {
   animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

input {
/*  max-width: 190px;
  height: 44px;
  background-color: #05060f0a;
*/
  background-color: light-grey;
  border-radius: .5rem;
  padding: 0 .25rem;
  border: 2px solid transparent;
  font-size: 1rem;
  transition: border-color .3s cubic-bezier(.25,.01,.25,1) 0s, color .3s cubic-bezier(.25,.01,.25,1) 0s,background .2s cubic-bezier(.25,.01,.25,1) 0s;
}
input:hover{
  outline: none;
  border-color: #05060f;
}

#attestcp {
	width: 13%;
}

.dcon {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: small;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: rgb(220 0 0 / 100%);
  background-image: linear-gradient(
    to top left,
    rgb(0 0 0 / 20%),
    rgb(0 0 0 / 20%) 30%,
    rgb(0 0 0 / 0%)
  );
  box-shadow:
	inset 2px 2px 3px rgb(255 255 255 / 60%),
    inset -2px -2px 3px rgb(0 0 0 / 60%);
}

.dcon:hover {
  background-color: rgb(255 0 0 / 100%);
}

.dcon:active {
  box-shadow:
    inset -2px -2px 3px rgb(255 255 255 / 60%),
    inset 2px 2px 3px rgb(0 0 0 / 60%);
}


/* Progress-bar*/
#progress {
  position: relative;
  margin-bottom: 2px;   
}
#progress-txt {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
#progress-txt::before {
  content: "";
  background-color: lightgray;
  position: absolute;
  top: 50%;
  left: 0;
  height: 5px;
  width: 100%;
  z-index: -1;
}
#progress-txt .step {
  border: 3px solid lightgray;
  border-radius: 20%;
/*  width: 25px;*/
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #fff;
  font-family: sans-serif;
  font-size: 14px;    
  position: relative;
  z-index: 1;
}
#progress-txt .step.active {
  border-color: lightseagreen;
  background-color: lightseagreen;
  color: #fff;
}
#cotisation {
	margin: 10px 30% 15px;
	border: 3px solid blue;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	background-color: #fff;
}
#result {
	margin: 10px 5% 15px;
	font-weight: bold;
	color: red;
}
#mention {
	margin-bottom: 20px;
	font-size: 12px;
}

#boutonsCertificat {
	display: flex;
	justify-content: flex-start;
}
.btncert {
	margin: 0 10px 0;
	height: 35px;
	border: 2px solid transparent;
}

.btncert:hover {
/*	background: #05abe0;*/
	border-color: black;
}
.disabled {
  pointer-events: none;
  opacity: 1;
}

#wait {
	position: absolute;
	top: 40%;
	left: 40%;
	margin-top: -10px;
	margin-left: -10px;
	visibility: hidden;
}