@charset "utf-8";

.ferGauche {
	left: 17% !important;
}

#corps:after {
	display: block;
	color: #777;
	text-align: left;
	font-style: italic;
}
/************************  gestion des media **********/
@media screen and (min-width: 1500px) {
	body {
		font-size: 80%;
	}
	#calcCar {
		transform: scale(.75);
		-webkit-transform: scale(.75);
		height: 350px !important;
		
	}
	#corps:after { /*content: "Version max du site > 1500";*/
		
	}
	#calcDevis {
		display: block;
	}
	#pdfPreview {
		min-height: 1022px;
		margin: 0 25%;
	}
	#barPDF {
		margin: 0 25%;
	}
	.tableTBL select {
		font-size: 14px !important;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1281px) {
	body {
		font-size: 100%;
	}
	#calcCar {
		transform: scale(.75);
		-webkit-transform: scale(.75);
		height: 350px !important;
	}
	#pdfPreview {
		margin: 0 25%;
	}
	#barPDF {
		margin: 0 25%;
	}
	#corps:after {
		content: "Version normale du site 1280 à 1500";
	}
	#calcDevis {
		display: block;
		/*
				margin: 0 20% !important;
				width: 60% !important;
				*/
	}
}

@media screen and (max-width: 1280px) and (min-width: 800px) {
	body {
		font-size: 80%;
	}
	#calcCar {
		transform: scale(.52);
		-webkit-transform: scale(.52);
		height: 250px !important;
	}
	#corps:after { 
		content: "Version portable du site 800 à 1280";
		
	}
	#menu #pliDate {
		top: -19px;
	}
	#calcVh {
		left: 0 !important;
	}
	#pdfPreview {
		margin: 0 25%;
	}
	#barPDF {
		margin: 0 25%;
	}

	#calcDevis,#calcVh {
		font-size: 2em !important;
		width: 100% !important;
		position: relative !important;
		right: 0 !important;
	}
	#pdfPreview {
		position: relative !important;
	}
	.fDevis_recherche input {
		max-width: 130px;
	}
	#calcCarConteneur #calcVh {
		max-width: 100% !important;
	}
	#calcVh {
		top: 3 !important;
	}
	.titreP { /*font-size: 1.6em !important;*/
		
	}
	.planning td,.jour,.btn {
		width: auto !important;
	}
	.tableTBL td {
		
	}
}


/*		IPADS	*/
@media screen and (max-width: 800px) and (min-width: 400px) {
	body {
		font-size: 50%;
	}
	#bandeau{
		height: 45px;
	}
	#calcCar {
		height: 200px !important;
		transform: scale(0.4);
		-webkit-transform: scale(.4);
	}
	.accueil {
		margin: 0;
		width: 100%;
	}
	#contenu {
		width: 100%;
	}
	#corps{
		margin-top: 45px;
	
	}
	#corps:after { 
	content: "Version iPad du site 400 à 800";	
	}
	.droite {
		display: none;
	}
	.colGauche {
		padding: 4em 5%;
		width: 90%;
		margin: auto;
	}
	#btns {
		position: relative;
		left: 0%;
		width: 100%;
	}
	#btns a {
		margin-top: 1%;
		width: 22%;
	}
	.ferGauche {
		left: 5% !important;
	}
	#trait {
		display: none;
	}
	#grille {
		right: 5%;
	}
	#grille span {
		padding-top: 2.5em;
	}
	#logoXL { /*height: 3em;*/
		
	}
	#menu #pliDate {
		top: -12px;
	}
	#calcDevis,#calcVh {
		font-size: 2.5em !important;
		width: 100% !important;
		position: relative !important;
		right: 0 !important;
		left: 0 !important;
	}
	#calcVh {
		top: 1.5em !important;
	}
	#calcDevis { /*top: 0!important;*/
		border: none !important;
	}
	#calcCarConteneur>h2 {
		position: relative !important;
		font-size: 2em;
		top: 30px;
		width: 100%;
		height: 2em;
		line-height: 2em;
		text-indent: 2em;
		background-color: rgba(75, 124, 201, 1);
		border-radius: 10px;
		color: white;
	}
	#pdfPreview {
		position: relative !important;
		width: 100% !important;
		margin: 0 auto !important;
		left: 0 !important;
		top: 4em !important;
	}
	#barPDF {
		position: relative !important;
		width: 100% !important;
		top: 40px !important;
		left: 0 !important;
	}
	.fDevis_recherche input {
		max-width: 130px;
	}
	#calcCarConteneur #calcVh {
		max-width: 100% !important;
	}
	#calcVh {
		top: 3 !important;
	}
	.titreP {
		font-size: 1.6em !important;
	}
	.planning td,.jour,.btn {
		font-size: 2.5em !important;
		line-height: 1;
	}
	#_connexion {
		font-size: 1em !important;
	}
	.tableTBL td {
		font-size: 1.6em !important;
	}
	.fDevis_recherche {
		width: 580px !important;
	}
	#ifMenu {
		top: 0 !important;
		height: 548px !important;
	}
	.tableTBL select,.tableTBL button {
		font-size: 8px !important;
	}
}

@media screen and (max-width: 400px) {
	#corps{
		margin-top: 64px;
		min-height: 100vh;
	}
	#corps:after { /*content: "Version mobile du site <400";*/
		
	}
	body {
		font-size: 16px;
	}
	#bandeau {
		height: 64px !important;
		justify-content: space-evenly;
		font-size: 30px;
	}
	
	#calcCar {
		min-width: 400px !important;
		transform: scale(.25);
		-webkit-transform: scale(.25);
	}
	
	#fEditor, #tEditor {
		width: 400px;
		max-width: 100% !important;
		margin-bottom: 5em;
		border: none !important;
	} 

	.accueil {
		margin: 0;
		width: 100%;
		min-height: 100vh;
	}
	#contenu {
		width: 100%;
		padding: 14em 0 1em 0;
	}
	.droite {
		display: none;
	}
	.colGauche {
		padding: 4em 5%;
		width: 90%;
		margin: auto;
	}
	#btns {
		position: relative;
		left: 0%;
		width: 100%;
	}
	#btns a {
		margin-top: 1%;
		width: auto;
		padding: 4px;
	}
	.ferGauche {
		left: 2% !important;
	}
	#trait {
		display: none;
	}
	#grille {
		right: 2%;
	}
	#grille span {
		padding-top: 2.7em;
	}
	#logif {
		height: 100%;
		width: 30%;
	}
	#flogin input:not (#_saveSelect ){
		opacity: 1;
	}
	#flogin
	:hover
	>
	input
	:not
	 
	(
	#_saveSelect
	 
	){
	display
	:
	 
	inline-block
	;
	
		
}

.bas {
	font-size: 1.4em;
}
}