@charset "utf-8";

<link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">

<style>		@import url('https://fonts.googleapis.com/css?family=Orbitron');	</style>		

* {	box-sizing: border-box;}


body {	background-color: #000000;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-smooth: always;}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - DIVISION - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav {	font-size: 1.2em;	font-family: 'Orbitron';}

#nav {	width: 100%;			
	display: flex;		flex: nowrap;
	font-size: 1.2em;	font-family: orbitron;
	position: fixed;	top: 0px;
	border-bottom: 1px solid #0099ff;	box-shadow: 0px 0px 1px 0px #0099ff;	background-color: rgba(0, 0, 0, 0.90);}

#nav li {display: inline; padding: 25px;}
#nav ul {margin: 50px 25px 5px; padding: 0px;}
#navLogo {text-shadow: 0px 0px 1px #004d80;	font-size: 1.1em;	font-weight: 1000;}
#linkLogo {position: fixed;	top: 2px;	left: 30px;}


#row { 	width: 100%;		height: 100%;
	background: red;	border-bottom: 1px solid #313131;
	display: flex;		flex-wrap: nowrap;
	margin: auto;		padding: 0px;
	justify-content: space-around;}

#rangee { width: 100%;		
	display: flex;		flex-wrap: nowrap;}



#slider {background: black;	border-bottom: 1px solid #313131;
	display: flex;		flex-wrap: wrap;
	margin: 0px; height: 100%;}

#title {position: absolute;	top: 85px;	right: 50px;}
#title2 {position: absolute;	top: 0px;	right: 50px;}

#voitures { position: absolute;	top: 84px;
	height: 100%; 	width: 100%;
	background: black;
	margin: auto;}

#spacer { height: 1105px; 	width: 100%;
	background: black;
	margin: auto;}

#accueil {background-image:url(images/slider1.jpg);
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;}

footer {width: 100%;		margin-bottom: 0px;
	
	color: #bfbfbf;		justify-content: center;
	display: flex;		flex-wrap: wrap;
	background: linear-gradient(to bottom right, #1a1a1a 50%, #0d0d0d 100%);
	border-top: 1px solid #313131;}

footer div {padding: 15px 50px;}


		

#box1 {	padding: 15px; 		width: 400px;		margin-top: 230px;	margin-left: 50px;	margin-bottom: 25px;		margin-right: 100px;
	background-color: rgba(0, 0, 0, 0.80);		border: 1px solid #313131; 	}

#box5 {	padding: 15px 50px 15px 15px;		width: 25%;		margin: 230px 0px 25px 0px;
	background-color: rgba(0, 0, 0, 0.50);		border: 1px solid #313131; 	line-height: 1.5em;	font-size: 0.9em;}

#box6 {	padding: 15px 15px 15px 15px;		width: 25%;		margin: 230px 0px 25px 0px;
	background-color: rgba(0, 0, 0, 0.50);		border: 1px solid #313131; 	line-height: 1.5em;	font-size: 0.9em;}

#box2 {	position: absolute;	top: 230px;	left: 50px;	width: 700px;
	padding: 15px;		background-color: rgba(0, 0, 0, 0.80);
	border: 1px solid #313131;}

#box3 {	position: absolute;	top: 230px;	right: 50px;	width: 700px;
	padding: 15px;		background-color: rgba(0, 0, 0, 0.80);
	border: 1px solid #313131;}

#box4 {	position: absolute;	top: 230px;	left: 50px;	padding: 15px;		width: 700px;
	background-color: rgba(0, 0, 0, 0.70);		border: 1px solid #313131; }

#box4 li {	line-height: 1.5em;	font-size: 0.9em;}
#box4 ul {	padding-left: 15px;}

#box25 {width: 25%;}

#box75 {width: 75%;}

#services {background: black;	background-image: url("images/bg_services.jpg");	background-size: cover;
	background-repeat: no-repeat;		background-position: left top;
	display: flex;		flex-wrap: nowrap;	
	margin: 0px; 	height: 100%;	min-height: 790px;	justify-content: space-around;}

#antirouille {background: black;		background-size: contain;
	background-repeat: no-repeat;		background-position: left top;
	display: flex;		flex-wrap: nowrap;	
	margin: 0px; 	height: 100%;	min-height: 790px;	justify-content: space-around;}

#equipements {background: black;	background-image: url("images/bg_equipements.jpg");	background-size: cover;
	background-repeat: no-repeat;		background-position: left top;
	display: flex;		flex-wrap: nowrap;	
	margin: 0px; 	height: 100%;	min-height: 790px;	justify-content: left;}

#linex {background: black;	background-image: url("images/bg_linex.jpg");	background-size: cover;
	background-repeat: no-repeat;		background-position: left top;
	display: flex;		flex-wrap: wrap;	
	margin: 0px; 	height: 100%;	min-height: 790px;	}

#bestflex {background: black;	background-image: url("images/bg_bestflex.jpg");	background-size: cover;
	background-repeat: no-repeat;		background-position: left top;
	display: flex;		flex-wrap: wrap;	
	margin: 0px; 	height: 100%;	min-height: 790px;	}

h6 {	color: #FFF;	text-shadow: 0px 0px 1px #FFF;
	font-size: 1em;	font-weight: normal;	padding: 15px;	margin: 0px;
	font-family: orbitron, sans-serif;}

.slider01 {width: 100%;
	height: 790px;
	background-image: url("images/Logo_MJMA_19_1080.jpg");	background-size: 100% 100%;}

.slider02 {position: absolute; left: 0px; top: 0px; width: 100%;
	height: 790px;
	background-image: url("images/slider_message.jpg");	background-size: cover;}

#bienvenue {background: rgba(0, 0, 0, 0.95);
	height: 75%;
	color: #FFFFFF;
	margin: 125px 0px 25px 100px;
	padding: 15px 40px 15px 40px;
	width: 55%;}

.slider03 {width: 100%;
	height: 790px;
	background-image: url("images/slider_affiliation.jpg");	background-size: cover;}

.slider04 {width: 100%;
	height: 790px;
	background-image: url("images/slider_promotion.jpg");	background-size: cover;}

#boxPromo {background: rgba(0, 0, 0, 0.75);
	height: 200px;		width: 800px;
	padding: 15px 40px 15px 40px;
	border: 1px solid #313131;
	position: absolute;	right: 75px;	bottom: 75px;}

#boxPromo li {line-height: 1.5em;	font-size: 0.9em;}
#boxPromo ul {padding-left: 15px;}

.slider05 {width: 100%;
	height: 790px;
	background-image: url("images/slider_financement.jpg");	background-size: cover;}

#boxFinancement {background: rgba(0, 0, 0, 0.50);
	height: 200px;		width: 800px;
	padding: 15px 40px 15px 40px;
	border: 1px solid #313131;
	position: absolute;	left: 75px;	top: 125px;}

.slider06 {width: 100%;
	height: 790px;
	position: absolute;
	top: 0px; left: 0px;
	background-color: #0099ff;
	background: linear-gradient(to bottom right, #0077b3 0%, #004466 100%);}

.row {	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0px;
	padding: 25px;
	position: absolute;
	bottom: 50px;}

.fiche {
	background-color: #0d0d0d;
	color: #FFFFFF;
	width: 25%;
	text-align: left;
	margin: 0px 25px 25px;
	padding: 10px;}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - TEXT STYLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {	font-family: orbitron, sans-serif;		color: #bfbfbf;		text-align: justify;}

a {	text-decoration: none;		color: #0099ff; 	border:0px;	padding: 0px;	margin: 0px; }

a:link { color: #0099ff; }
a:visited { color: #0099ff; }	
a:hover { color: #1aa3ff; }
a:active { color: #0099ff; }	


p {	margin:0; 	margin-top: 0px;	font-size: 0.9em;		line-height: 1.5em;		font-family: Lato, sans-serif;}


h1, h2, h3 {	font-size: 3em;		font-weight: normal;
			text-shadow: 0px 0px 1px #0099ff;
			font-family: orbitron, sans-serif;}

h1 {color: #0099ff;}	h2 {color: #FFF;}	h3 {color: #000000;	text-align: center;}	
h4 {font-size: 3em;	font-weight: normal;	font-family: orbitron, sans-serif;	color: yellow; 		text-shadow: yellow;}


h5 {	color: #FFF;	text-shadow: 0px 0px 1px #FFF;
	font-size: 2.5em;	font-weight: normal;	padding: 15px;	margin: 0px;
	font-family: orbitron, sans-serif;}

h7 {	color: #0099ff; 	font-size: 3em;		font-weight: normal; 	text-shadow: 0px 0px 1px #0099ff;	font-family: orbitron, sans-serif;	padding: 10px 0px;}

h8 {	position: absolute; bottom: 25px; right: 40px; color: #0099ff; 	font-size: 3em;		font-weight: normal; 	text-shadow: 0px 0px 1px #0099ff;	font-family: orbitron, sans-serif;
	padding: 10px 0px;}

h9 {	color: #FFF;	font-size: 1000;
	font-size: 1.5em;
	margin: 0px;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ELEMENTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#logo {	width: 200px; 	margin: 15px 0px 0px 50px;}

img 	{ border:none;	padding: 0px;	margin: 0px;}

#voituresbg {	position: absolute;	top: 0px;	left: 0px;	}