@import url('hk.css');
 body{
	 font-family: 'HK Grotesk Regular', sans-serif;
   padding:40px;
   background: #efefef;
 }
/* formulaire */
#header{
	margin:30px;
}

header img{
  max-width: 250px;
}

header h1{
  font-family: 'HK Grotesk Bold', sans-serif;
}

strong{
  font-family: 'HK Grotesk SemiBold';
}


fieldset > div div{
  padding: 5px;
}

.r{
  display: flex;
  flex-direction: row;
}
.r div{
  flex: 25%;
  border-bottom: 1px dotted #ccc;
}
a{
  color: #000;
}

#infos h1,#infos p{margin-bottom: 15px;}
#infos #gauche,#infos #droite{display: inline-block;width:40%;padding-right:50px;vertical-align: top}

a#remplir,a#reprendre, a#fiche{
	padding:20px;
	background-color:#FFF;
	border: 1px solid #581B80;
	color:#581B80;
	border-radius: 40px;
}
#infos a:hover{
	background-color:#000;
	color:white;
}
#boutons_form{
	margin-top:80px;
}

a#fiche{
	background-color:#999999;
}

#reprendre{
	display:none;
}
fieldset { border:none; border-bottom:1px solid #999;margin-bottom: 10px;padding: 20px;background: #fff;}
fieldset h1 { font-size:18px; margin:0px; padding:10px 0px; color:#000; font-family: 'HK Grotesk Bold';}
label { display:block; margin:15px 0 5px;}
input[type=text], input[type=password] { width:200px; padding:5px; }
#step2 input[type=number]{ width:100px; padding:5px; }
input#Jour,input#Mois{ width:20px;}
input#Annee{ width:40px;}
.prev, .next { background-color:#000; padding:5px 10px; color:#fff; text-decoration:none;margin-top: 20px}
.prev:hover, .next:hover { background-color:#581B80; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px; margin-bottom: 20px}
#steps li {font-size:12px; float:left; margin-right:30px; padding-bottom: 15px; color:#000;border-bottom: 1px solid #ddd}
#steps li span {font-size:16px; display:block;}
#steps li.current { color:#000;border-bottom: 1px solid #000}

#steps li a
{
  color: #999;
}

#steps li.current a
{
  color: #000;
}
#box_form{
  max-width: 960px;
}
#box_form th{
	text-align:left;
}

.success{
	display:none;
	padding:10px;
	color:#581B80;
}

#loading{
	margin:10px;
}

#submit{
	 border:none;
     color:#fff;
     background-color:#000000;
     width:150px;
     height:40px;
}

input#submit:hover {
cursor:pointer;
background-color:#581B80;
}

.error{color:#F00;}

#close_x{ position:absolute; top:10px; right:20px;font-size: 2em}


.attenue{
	color:#999
}

#box_form > div{
	margin-bottom:20px;
}

@media (max-width: 640px) {
  body{
    padding: 15px;
  }
  .r{
    flex-direction: column;
  }
}


#notes_com table td,#notes_produits table td,#notes_com table th,#notes_produits table th{text-align: center}
#notes_com table td,#notes_produits table td,#notes_com table th,#notes_produits table th{border-bottom: 1px solid #DDD;padding-bottom: 3px}


#tables{
  display: flex;
}