*{
    box-sizing:border-box;
}

@font-face {
	font-family: "good_timing_bd";
	src: url('../fonts/good_timing_bd.otf') format('truetype');;
}

h3 {
	font-family: good_timing_bd, Verdana, serif;
	font-size:24px;
	font-weight:initial;
	color:#8F9EAA;
}

section {
	position:relative;
	width:calc(100% - 20px);
	min-width:300px;
	margin: 15px 10px 0 10px;
	background-color: #fff;
	padding: 10px 10px 30px 10px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	/* flex-direction: row-reverse; */
}

#splash {
	position:relative;
	background: green;
	height:100vh;
	width:100%;
	background: radial-gradient(#FFF, #1E3d55);
}

#splash > div {
	position:relative;
	width:255px;height:86px;background:url('../img/splash.png');background-repeat:no-repeat;margin:0px auto;
	top:25%;
	padding-top:90px;
	color:#1a263e;
}

#splash > div:after {
	display:block;
	content:'Prochainement...';
	text-align:center;
	font-family: good_timing_bd, Verdana, serif;
	font-size:24px;
	opacity:0.5;
}

body {
	/* background-color:#ececec; */
	/* background: radial-gradient(#FFF, #1E3d55); */
	width:100%;margin:0px;padding:0px;line-height:24px;font-family:"Verdana";font-size:14px;user-select: none;
}

html {
	width:100%;margin:0px;padding:0px;
}

#fixed_bg {
	height:100vh;
	width:100%;
	margin:0px;
	
	position:fixed;
	background: radial-gradient(#FFF, #1E3d55);
}

a:link, a:visited, a:hover, a:active {
	border:0;
	outline : none;
	color:#284764;
	text-decoration:underline;
	/* font-weight:bold; */
}

img {
	border:0;
	outline : none;
}

#cgv {
	display:none;
}

form {
	padding:0px;
	margin:0px;
}

p {
	padding:0px;
	margin:0px;
}

section > * > a {
	font-weight:bold;
}

#home_top {
	display: inline-block;position:fixed;width:100%;height:71px;margin:0px;top:0px;font-family: good_timing_bd, Verdana, serif;background: linear-gradient(90deg, #1f364d 50%, #FFF 50%);filter: drop-shadow(0 0 5px #284764);border-bottom:1px solid #000;
}

#home_container {
	position:relative;width:100%;margin:0px;padding:0px;
}

.home_center, #home_center_top {
	position:relative;max-width:1000px;margin:0px auto;padding:0px;
}

#home_center_top {
	display:flex;background: linear-gradient(135deg, #1f364d 185px, #FFF 190px);min-width:300px;
}

#home_logo {
	width:185px;height:65px;margin:0px 0px 5px 10px;padding-left:10px;background:url('../img/logo_top.png');background-position:left bottom;background-repeat:no-repeat;
}

#home_menu {
	flex:1;display:flex;margin-right:20px;
}

#home_menu a {
	display:inline-block;flex:auto;line-height:70px;text-decoration:none;font-size:24px;text-align:right;padding-right:0px;
}

#home_menu a:link {
	transition: color 0.25s ease-in-out;color:#8F9EAA;
}

#home_menu a:hover {
	transition: color 0.25s ease-in-out;color:#284764;
}

#home_button_menu_container, #home_bouton_menu {
	display:none;
}

#home_container_blue {
	position:relative;z-index:0;width:100%;margin:15px 0px 0px 0px;background:#284764;color:#ececec;filter: drop-shadow(0 0 5px #284764);
}


	#home_container_blue:before {
		background:url('../img/bot_illustrate.png') no-repeat,#284764;
		background-size:cover;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.15;
		z-index: -1;

	}

.input_contact {
	position:relative;
	
	overflow: hidden;
	resize: both;
	
	width:100%;
	
	display:inline-block;font:inherit;margin:5px auto;padding:5px;border: 2px solid #284764;border-radius:5px;background:#ececec;color:#284764;resize:none;
	
	overflow-y: scroll;
	
	
}

.scroll_nav {
	position:relative;height:0px;width:0px;top:-70px;
}

form #website, form #home_form_send { display:none; }

#mail_confirmation {
	position:fixed;
	display: flex;
	align-items: center;
	top:0px;
	left:0px;
	z-index:99;
	width:100%;
	height:100vh;
	text-align:center;
	font-size:48px;
	
	opacity:0;
	visibility:hidden;
	transition: visibility 0s, opacity 0.5s ease-in-out;
	background:#cecece;
	color:#284764;
	font-family: good_timing_bd, Verdana, serif;
	line-height: 150%;
}

#mail_confirmation > div {
	flex:1;
}

#mail_confirmation > div:after {
	font-size:36px;
	display:block;
	margin-top:50px;
	line-height: 150%;
	content:'Nous vous répondrons dans les plus brefs délais.';
}

#home_contact, #home_container_blue {
	font-weight:bold;
}

#bot_text {
	padding-left:5px;
	padding-right:5px;
	margin:10px;
	background:#FFF;
	display:inline-block;
	border:1px solid #284764;
	border-radius:8px;
	
	font-family:good_timing_bd, Verdana, serif;
	font-size:14px;
	color:#284764;
	text-align:right;
	padding-right:10px;
	float:right;
}

h4 {
	padding-bottom:0px;
	margin-bottom:0px;
}

ul {
	padding-top:0px;
	margin-top:0px;
}
/* .about:nth-child(even) { */
		/* background:#ededed; */
/* } */

#tarifs_box_main {
	display:inline-block;
	width:100%;
}

.tarif_box {
	display: flex;
	align-items: center;
}

.tarif_presta {
	flex: 1;
	/* font-style: italic; */
}

.tarif_presta > ul {
	font-size:12px;
	font-weight:initial;
	font-style: italic;
	
}

.tarif_prix {
	flex: 0 0 250px; /* Largeur de 200px pour la div de droite */
	text-align:center;
}

.tarif_move:after {
	
	width:100%;
	content:'* Déplacements entre Montpellier et Nîmes: 10€ supplémentaires/50Km';
	font-weight:bold;
	font-size: 11px;
	font-style: italic;
}

.tarif_move > span {
	/* font-weight:bold; */
	font-style: italic;
	
}

.tarif_presta, .tarif_prix {
	
	padding:15px 25px;
}

#tarifs_box_main > .tarif_box:nth-child(even) {
	background:#284764;
	color:#FFF;
	border:1px solid #000;
	border-radius:5px;
}

#tarifs_box_main > .tarif_box:nth-child(odd) {
	border:1px solid #284764;
	border-radius:5px;
}

#tarifs_box_main > .tarif_box {
	border-radius:5px;
	margin-bottom:15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	
}

#tarifs_box_main > .tarif_box:first-child  > div {
	font-family: good_timing_bd, Verdana, serif;
	font-size:20px;
	color:#284764;
	font-weight:initial;
}

#tarifs_box_main > .tarif_box:first-child {
	margin-bottom:25px;	
}

#bot_contact_left, #bot_contact_right {
	text-align:left;display:inline-block;
}

#bot_contact_left {
	padding:0px 10px 0px 20px;width:483px;border-left:1px solid #c0c0c0;margin:15px 0px;
}

#bot_contact_right {
	flex:1;text-align:center;padding:15px 25px 15px 15px;vertical-align:top;line-height:16px;margin:0px;
}

#bot_contact_right > div {
	display:inline-block;
	margin-left:10px;
	margin-bottom:10px;
}
	
#bot_right_left_wrapper {
	display:flex;
}

#bot-illustrate {
	display:block;
	width:100%;
	background:url('../img/bot_illustrate.png') no-repeat;
	border-radius:10px;
	border:1px solid #c0c0c0;
	padding-top:max(351px);
	margin-top:1px;
}

#bot_contact_left > div > img, #bot_contact_right > div > img {
	width:32px;height:32px;border:1px #c0c0c0 solid;border-radius:8px;overflow:hidden;padding:4px;
}

@media screen and (max-width: 930px)

{
	#home_center_top {
		display:flex;
		min-width:300px;
	}
	
	#home_button_menu_container {
		display:block;
		flex:1;
	}
	
	#home_bouton_menu {
		display:block;
		float:right;
		width:64px;
		height:32px;
		margin:20px 10px 0px 0px;
		background:url(../img/arrow_show_menu.png) no-repeat;
		cursor:pointer;
		transition: opacity .25s ease-in-out;
		text-align:right;
	}
		
	#home_menu {
		position:fixed;
		display:inline-block;
		width:200px;
		top:72px;
		height:calc(100vh - 72px);
		right:-275px;
		padding-top:10px;
		background:#f0f0f0;
		border-left:1px solid black;
		transition: right 0.5s ease-in-out;
		-moz-transition: right 0.5s ease-in-out;
		-webkit-transition: right 0.5s ease-in-out;
		-o-transition: right 0.5s ease-in-out;
		margin-right:0px;
	}
	
	#home_menu > a {
		padding-right:20px;flex:none;display:block;
	}
	
	#tarifs_box_main > .tarif_box {
		display:inline-block;
		width:100%;
		border:1px solid #284764;
		border-radius:5px;
		margin-bottom:10px;
		
	}
		
	#tarifs_box_main > .tarif_box:nth-child(even) {
		background:transparent;
		color:initial;
	}
	
	.tarif_box > div:nth-child(odd) {
		background:#284764;
		color:#FFF;
		font-weight:bold;
	}
	
	#tarifs_box_main > .tarif_box:first-child {
		display:none;
	}

	#tarifs_box_main > .tarif_box:last-child {
		margin-bottom:0px;
	}

	#bot_contact_left {
		padding:10px;
		border-left:none;
		border-top:1px solid #a0a0a0;margin:10px 0px;
		margin:auto;
	}

	#bot_contact_right {
		flex:auto;
		margin:auto;
		width:100%;
	}
	
	#bot_right_left_wrapper {
		display:block;
		text-align:center;
	}
	
	#bot_contact_right > div {
		margin-bottom:0px;
	}
	
	#bot-illustrate {
		display:none;
	}

	
}

@media screen and (max-width: 500px)

{

	#bot_contact_left {
		width:100%;
	}

}