::-webkit-scrollbar{
    width: 0px;
	background: transparent;
	display: none;
}

html {
	/*background-color: #00040B;*/
	
	cursor: default;
	
	max-width: 100vw;
}
header {
	background-color: aliceblue;
	
	position: sticky;
	top: 0;
	
	margin-top: -1.5%;
	margin-bottom: 0;
	
	z-index: 10;
	
	box-shadow: 0px 6px 9px -7px #000000;
	
	max-width: 100vw;
}
	navbar {		
		display: flex;
		justify-content: space-evenly;
		align-items: center;

		line-height: 0.1%;
}
	navbar img{		
		
	}
	navbar ul {
		display: inline-flex;
  		vertical-align:center;
		
		overflow: hidden;
	}
	navbar li {
		
	}
	navbar a {
		display: flex;
		
		margin-right: 25px;
		
		text-decoration: none;
		
		transition: transform 150ms ease-out;
	}
	navbar a:hover {
		transform: scale(1.2);
		transition: transform 150ms ease-out;
	}
	navbar img{
		transition: transform 500ms ease-in-out;
	}
	navbar img:hover {
		transform: rotate(360deg);
		transition: transform 500ms ease-in-out;
	}
body {
	background-color: /*#00040B*/aliceblue;
}
h1 {
	font-size: 80px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
h2 {
	font-size: 50px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
h3 {
	font-size: 45px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: /*aliceblue*/black;
	line-height: auto;
	
	margin-left: 5vw;
}
h4 {
	font-size: 20px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
p {
	color: /*aliceblue*/#00040B;
	font-size: 22px;
	
	padding-left: 2%;
	padding-right: 2%;
}
p a {
	color: #910000;
	font-size: 22px;
	font-weight: bolder;
	text-decoration: underline;
}
li {
	list-style-type: none;
	font-weight: bold;
	font-size: 30px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #5A0001;
	line-height: auto;
}
dd {
	font-weight:normal;
	font-size: 22px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: /*aliceblue*/black;
	line-height: auto;
	margin-left: 1%;
}
form label {
	font-weight:normal;
	font-size: 22px;
	font: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: /*aliceblue*/black;
	line-height: auto;
	
	margin-left: 1vw;
	margin-right: 1vw;
}
form input {
	width: 15vw;
	height: 2.5vh;
}
form input:focus {
	outline: none;
}
form input[type="radio"] {
	width: 1vw;
	height: 2vh;
	
	margin-left: 0%;
}
form input[type="checkbox"] {
	width: 1vw;
	height: 2vh;
	
	margin-right: -1vw;
}
form input[type="time"] {
	width: 6vw;
	
	font-size: 14px;
}
form select {	
	width: 25vw;
	height: 3vh;
	
	margin-left: 1vw;
}
form span {	
	margin-left: 1%;
}
form span:focus {
	outline: none;
}
footer {
	background-color:aliceblue;
	
	align-self: flex-end; 
}
footer a{
	color: #FFFFFF;
}
footer img{
	transition: transform 500ms ease-in-out;
}
footer img:hover {
	transform: rotate(360deg);
	transition: transform 500ms ease-in-out;
}

/*------------------------------BACKGROUND------------------------------*/

.body_background {
	position:fixed;
	
	margin-left: 6%;
	
	z-index: -10;
	
	filter: blur(40px);
}

/*------------------------------TITRE------------------------------*/

.contact_title {	
	text-align: center;
}

/*------------------------------BLOC 1------------------------------*/

.container_why_and_how_to_contact {
	background-color: rgba(255,255,255,0.25);
}

.why_to_contact {
	text-align: left;
	
	height: 50vh;
}
.how_to_contact {
	text-align: center;
}
.how_to_contact h3 {
		margin-left: 0vw;
}

/*------------------------------Formulaire de contact------------------------------*/

.container_contact_form {
	background-color: rgba(255,255,255,0.45);
	
	display: grid;
	grid-template-columns: 2fr 4fr;
	grid-gap: 1%;
	
	margin-top: 2vh;
	margin-bottom: 2vh;
}

.container_form_title {
	/*background-color: lightcoral;*/

	text-align: center;
	align-self: center;

	margin: 1%;
}

.container_form {
	/*background-color: lightcoral;*/
	
	margin: 1%;
}
.form {
	display: grid;
	grid-template-columns: 2fr 2fr;
	grid-template-columns: auto;
	grid-template-areas:
		"name lastname"
		"company ."
		". ."
		"phone email"
		". ."
		"emailchoice phonechoice"
		". ."
		"subjectdescription daysntime";
	
	column-gap: 2vw;
	row-gap: 1vh;
	
	margin: 1%;
}

.contact_name {
	/*background-color: lightblue;*/
	
	display: grid;
	grid-area: name;
	
	grid-template-columns: 1fr 2fr;
}
.contact_lastname {	
	/*background-color: lightblue;*/
	
	display: grid;
	grid-area: lastname;
	
	grid-template-columns: 1fr 2fr;
}
.contact_company {
	/*background-color: lightblue;*/
	
	display: grid;
	grid-area: company;
	
	grid-template-columns: 1fr 2fr;
	
	height: 7vh;
}

.contact_phone {
	/*background-color: lightblue;*/
	
	display: grid;
	grid-area: phone;
	
	grid-template-columns: 1fr 2fr;
	
	height: 5vh;
}
.contact_email {
	/*background-color: lightblue;*/
	
	display: grid;
	grid-area: email;
	
	grid-template-columns: 1fr 2fr;
	
	height: 7vh;
}
.contact_email_choice {
	/*background-color: lightblue;*/
	display: inline-flex;
	grid-area: emailchoice;
	
	height: 7vh;
}
.contact_phone_choice {
	/*background-color: lightblue;*/
	display: inline-flex;

	grid-area: phonechoice;
	
	height: 7vh;
}

.contact_subject_description {
	/*background-color: lightblue;*/

	grid-area: subjectdescription;
}
.contact_subject {
	/*background-color: lightblue;

	grid-area: subject;*/
}
.contact_description {
	grid-area: description;

	background-color: #FFFFFF;

	font-size: 18px;
	line-height: auto;
	word-break:keep-all;

	margin-left: 1vw;
	width: 25vw;
	min-height: 15vh;
	max-height: 30vh;

	overflow: hidden;
	resize: vertical;

	cursor: text;
}
.contact_description [contenteditable]:empty::before {
	content: "Décrivez votre demande en quelques lignes.";
	color: gray;
}

.contact_day_time_choice {
	/*background-color: lightblue;*/
	display: inline-grid;
	grid-area: daysntime;
}
.container_contact_callback_days {
	text-align: center;
}