* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
body {

background-image: url("../images/sombre.jpg"); 
  background-color: #cccccc; 
  background-position: center;
  background-repeat: no-repeat; 
  background-size:cover;
  background-attachment: fixed;
}
input[type=submit]{width:100%;padding:5px;background-color:grey;font-size:16px;font-family:Times new roman,Arial;
	color:#efefef;border:2px solid rgba(0,0,0,0.7);}
.right {text-align:right;}
.left  {text-align:left;}
.center{text-align: center;}
.fltleft{float:left;}
.fltright{float:right;}
.bold{font-weight:bold;}
.droite{text-align:right;}
hr.hr {border: 1px solid white;background-color:#f9eac3;}
.font10{font-size:10px;}.font11{font-size:11px;}.font12{font-size:12px;}.font13{font-size:13px;}.font14{font-size:14px;}.font15{font-size:15px;}
.font16{font-size:16px;}.font17{font-size:17px;}.font18{font-size:18px;}.font19{font-size:19px;}.font20{font-size:20px;}.font21{font-size:21px;}
.font22{font-size:22px;}.font23{font-size:23px;}.font24{font-size:24px;}.font25{font-size:25px;}.font26{font-size:26px;}.font27{font-size:27px;}
.font28{font-size:28px;}.font29{font-size:29px;}.font30{font-size:30px;}.font31{font-size:31px;}.font32{font-size:32px;}.font33{font-size:33px;}
.font34{font-size:34px;}.font35{font-size:35px;}.font36{font-size:36px;}
.color046380{color:#046380;}
.colorA7A37E{color:#A7A37E;}
.color006699{color:#006699;}
.color002F2F{color:#002F2F;}
.bgcolor002f2f{background-color:#002F2F;}
.bgwhite{background-color:white;}
.flex {width:100%;display:flex;flex-wrap:wrap;}
/* Affichage des actions*/
.feature-1 {background-color:rgba(0,0,0,0.5);color:black;font-family:Times new roman,Arial;
  font-size:16px;min-height:200px;width:95%;min-height:100%;padding:20px;margin:0 auto;}
.titre_historique {width:100%;margin:auto;text-align:center;font-size:30px;line-height:32px;color:white;background-color:transparent;}
.titre_historique img {width:32px;height:32px;}
.historique_page {width:100%;margin:auto;margin-top:10px;text-align:center;font-size:20px;font-weight:bold;line-height:20px;color:white;background-color:transparent;}
.divcheckbox{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px;color:white;}
.tableinfo {margin:auto;width:95%;border:1 px solid white;margin-bottom:10px;margin-top:10px;}
.tableinfo td {padding:5px;text-align:left; font-family:Times new roman,Arial;font-size:16px; color:white;}
.historique_recherche {width:95%;border:2px solid black;margin-left:auto;margin-right:auto;margin-top:10px;color:white;padding:5px;background-color:transparent;font-weight:bold;}
.select {width:100%;padding:5px;box-shadow:2px 2px grey;margin-top:10px;margin-bottom:10px;}
.formrech input[type=text] {width:100%;padding:5px;box-shadow:2px 2px grey;margin-top:10px;margin-bottom:10px;}
.formrech input[type=date] {width:100%;padding:5px;box-shadow:2px 2px grey;margin-top:10px;margin-bottom:10px;}
.formsubmit {width:50%;box-shadow:2px 2px grey;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;color:white;font-weight:bold;background-color: #006699;}
.hautdroite {float:right;}
.block30 {display:block;width:95%;background-color:rgba(0,0,0,0.75);border-radius:20px;padding:10px;margin-top:10px;margin-bottom:10px;}
#recherche_avance {display:none;}  
#recherche_avance:target {display:block;}
#fermer:target {display:none;}
.fa{color:#efefef;margin:auto;margin-top:10px;background-color:transparent;border:2px solid rgba(125,125,125,0.8);width:100%;padding:5px;border-radius:5px;}
.fa a {color:white;}
.fa p{margin-top:15px;margin-left:10px;}
.fa	li,ul,ol{margin-top:2px;margin-left:10px;}
/* Mobile Styles */
@media only screen and (max-width: 600px) {

}


/* Tablet Styles */
@media only screen and (min-width: 601px) and (max-width: 839px) {
	
	.feature-1{
		width:100%;
		padding:20px;
	}
	.block30 {display:block;width:49.5%;background-color:rgba(0,0,0,0.75);border-radius:20px;padding:10px;margin-top:10px;margin-bottom:10px;}
}
@media only screen and (min-width: 840px) and (max-width: 1199px) {
	
	.feature-1{
		width:840px;
		padding:20px;
	}
	.block30 {display:block;width:30%;background-color:rgba(0,0,0,0.75);border-radius:20px;padding:10px;margin-top:10px;margin-bottom:10px;}
}
/* Desktop Styles */
@media only screen and (min-width: 1200px) {
	.page {
		width: 1200px;
		margin: 0 auto;
	}
	.feature-1{
		width:70%;
		padding:20px;
	}
	.block30 {display:block;width:30%;background-color:rgba(0,0,0,0.75);border-radius:20px;padding:10px;margin-top:10px;margin-bottom:10px;}
}