@CHARSET "utf-8";

@media all and (max-width:1400px) {
	#ctn-form-connexion {width: 485px;}
}

@media all and (max-width:1140px) {
	#nav-bar ul {margin-left: 0;}
}

@media all and (max-width:950px) {
	#ctn-header-infos {width: 100%;}
	body > .title {width: 100%;}
	#form-creation-intervention {width: 90%;}
	
	#form-creation-intervention canvas {width: 500px;}
	#ctn-signature {grid-template-areas: "a" "b" "c"}
	#ctn-signature > div:nth-child(3) {margin: 0 30px !important;}
}

@media all and (max-width:920px) {
	#form-filter {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important;}
	#form-filter > * + * {margin-left: 0 !important; margin-top: 15px;}
	
	#filters {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important;}
	#filters > div {-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;}
	#filters > div + div {margin-left: 0 !important; margin-top: 15px;}
	#filters > div label {margin-right: 10px;}
}

@media all and (max-width:800px) {
	#ctn-form-connexion {width: 100%;}
	
	#infos > div {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: start !important; align-itemsm: start !important;}
	#infos > div > * + * {margin-left: 0 !important; margin-top: 10px;}
	#infos > div > div:first-child {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important;}
	#infos > div > div:first-child > * + * {margin-top: 10px !important;}
	#infos > div > div:first-child > div {-webkit-box-flex: 0;-ms-flex: none;flex: none;}
	
	#intervention-infos > div:last-child > div > div {width: 100%;}
	#intervention-infos > div:last-child > div > div input {width: 100%;}
}

@media all and (max-width:700px) {
	#ctn-reprogrammation,
	#ctn-devis {padding-left: 0 !important;}
	#ctn-reprogrammation > div,
	#ctn-devis > div {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important;}
	#ctn-reprogrammation > div > *,
	#ctn-devis > div > * {-webkit-box-flex: 0;-ms-flex: none;flex: none;}
	#ctn-reprogrammation > div > * + *,
	#ctn-devis > div > * + * {margin-left: 0 !important; margin-top: 10px !important;}
	#ctn-reprogrammation > div > div:last-child,
	#ctn-devis > div > div:last-child {-webkit-box-flex: unset;-ms-flex: unset;flex: unset; width: 100%;}
}

@media all and (max-width:620px) {
	
	#intervention-infos > div:last-child {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important;}
	#intervention-infos > div:last-child > * + * {margin-left: 0 !important; margin-top: 20px;}
	
	#form-creation-intervention canvas {width: 100%;}
}

@media all and (max-width:500px) {
	#ctn-form-connexion > * {width: 80%;}
}