/*COULEURS
ROUGE				#f72c2f
NOIR				#323232
GRIS FONCÉ 1		#2d3135
GRIS FONCÉ 2		#494f56
GRIS				#b2b2b2
BLANC				#f9f9f9
*/

/*POLICES
MONTSERRAT			font-family: 'Montserrat', sans-serif;
CARTER ONE			font-family: 'Carter One', cursive;
*/

* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
}

a {
	text-decoration: none;
	color: inherit;
}

html {
	background-color: #f9f9f9;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	/*overflow: hidden;*/
	
}

body {
	background-color: #f9f9f9;
	width: 960px;
	margin: auto;
	/*box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);*/
	
}

#topbar {
	background-color: #f72c2f;
	color: #f9f9f9;
	position: relative;
	width: 100%;
	height: 25px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 25px;
}

#hero {
	/*background-color: pink;*/
	padding: 25px;
}

.hero-title1 {
	font-family: 'Carter One', cursive;
	font-size: 45px;
	line-height: 55px;
	color: #f72c2f;
	margin: auto;
	margin-bottom: 15px;
	padding: 0px 50px;
}

.hero-title1b {
	font-size: 40px;
	color: #494f56;
}

.hero-title2 {
	font-family: 'Carter One', cursive;
	font-size: 25px;
	line-height: 30px;
	color: #494f56;
	margin: auto;
	margin-bottom: 15px;
}

.hero-txt {
	color: #494f56;
	margin-bottom: 35px;
}

.hero-btn {
	background-color: #f72c2f;
	color: #f9f9f9;
	font-family: 'Carter One', cursive;
	font-size: 25px;
	text-transform: uppercase;
	padding: 10px 25px;
	border-radius: 10px;
	margin: 10px;
}

.hero-img {
	height: 300px;
	text-align: center;
	margin: auto;
	margin-top: 30px;
}

.hero-img img {
	height: 100%;
}

.hero-logo {
	width: 350px;
	margin: auto;
}

.hero-logo img {
	width: 100%;
}

#home-logo {
	/*min-height: 235px;*/
	padding-top: 15px;
}

#home-logo img {
	width: 391px;
}

#baseline {
	font-family: 'Carter One', cursive;
	font-size: 25px;
	line-height: 30px;
	color: #f72c2f;
	margin: auto;
	margin-bottom: 15px;
}

#home-main {
	background-color: #b2b2b2;
	background-image: url("images/home_cars02.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 250px;
	padding-bottom: 10px;
}

#home-main-txt {
	color: #494f56;
	font-style: italic;
	width: 40%;
	margin: auto;
	margin-bottom: 20px;
	padding-top: 170px;
}

#home-main-txt span {
	color: #f72c2f;
	text-transform: uppercase;
}

#home-argus {
	background-color: #f72c2f; 
	color: #f9f9f9;
	padding: 25px;
}

.argu {
	display: inline-block;
	width: 200px;
	height: 122px;
}

.argu-img img {
	height: 75px;
}

.argu-title {
	font-family: 'Carter One', cursive;
	font-size: 17px;
}

.argu-txt {
	font-style: italic;
	font-size: 11px;
}

#home-pack {
	background-color: #2d3135;
	/*height: 715px;*/
	padding: 50px;
}

#home-pack-bg {
	background-color: #494f56;
	color: #f9f9f9;
	height: 100%;
	width: 100%;
	padding: 25px;
	border-radius: 10px;
	background-image: url("images/pack_hero.png");
	background-repeat: no-repeat;
	background-size: 248px;
	background-position: 0px 20px;
}

.home-pack-icon img {
	width: 75px;
}

.home-pack-title {
	font-family: 'Carter One', cursive;
	font-size: 22px;
	text-transform: uppercase;
}

.home-pack-subtitle {
	font-family: 'Carter One', cursive;
	font-size: 18px;
	color: #b2b2b2;
	margin-bottom: 10px;
}

.home-pack-gallery {
	padding: 15px;
}

.home-pack-gallery img {
	width: 150px;
}

#home-center, #home-form {
	background-color: #f2f2f2;
	/*height: 715px;*/
	padding: 50px;
}

.home-center-bg {
	background-color: #f9f9f9;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
	border-radius: 10px;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.home-center-title {
	background-color: #f72c2f;
	color: #f9f9f9;
	font-family: 'Carter One', cursive;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 40px;
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 5px;
}

.home-center-photo {
	height: 200px;
	background-image: url("images/center01/photo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.home-center-map {
	height: 350px;
}

.home-center-name {
	color: #f72c2f;
	font-weight: 600;
	text-transform: uppercase;
}

.home-center-town {
	color: #2d3135;
}

.carlabcenter-form {
	overflow: auto;
	text-align: center;
	width: 500px;
	margin: auto;
	/*height: calc(100% - 150px);*/
}

.carlabcenter-form fieldset {
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin: 20px 0px 25px 0px;
}

.carlabcenter-form legend {
	color: #2d3135;
	text-transform: uppercase;
	border-radius: 3px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	-webkit-padding-start: 8px;
    -webkit-padding-end: 8px;
    margin-bottom: 15px;
}

input {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	border: none;
	border-radius: 5px;
	width: 80%;
	font-size: 16px;
	height: 40px;
	color: #f72c2f;
	margin-bottom: 15px;
}

input::placeholder {
	color: #c1c1c1;
	text-transform: lowercase;
	font-style: italic;
}

input:hover {
	background-color: #f9f9f9;
}

input:focus {
	background-color: rgba(255,34,0,0.05);
	outline: none;
}

.carlabcenter-form-button {
	color: #f9f9f9;
	background-color: #f72c2f;
	border: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 25px;
	cursor: pointer;
	border-radius: 10px;
}

#footer {
	color: #b2b2b2;
	background-color: #2d3135;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 40px;
	height: 40px;
}

#rdv-logo {
	margin-bottom: 15px;
}

#rdv-logo img {
	width: 200px;
}

.rdv-title {
	color: #f72c2f;
	font-size: 30px;
}

.rdv-price {
	background-color: #f72c2f;
	color: #f9f9f9;
	height: 125px;
	width: 125px;
	border-radius: 50%;
	margin: auto;
	margin-top: 20px;
	font-family: 'Carter One', cursive;
	font-size: 28px;
	line-height: 125px;
	margin-bottom: 25px;
}

.rdv-cb {
	margin-bottom: 50px;
}

.rdv-cb img {
	width: 100px;
}

.rdv-button {
	color: #f9f9f9;
	background-color: #f72c2f;
	border: none;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 25px;
	cursor: pointer;
	border-radius: 10px;
	width: 200px;
	margin: auto;
}

.rdv-form-txt {
	color: #2d3135;
	max-width: 80%;
	margin: auto;
	margin-bottom: 25px;
}


/* RESPONSIVE */
@media only screen and (max-width: 950px) {
	body {
		width: 100%;
	}
	#topbar {
		height: 35px;
		font-size: 18px;
		line-height: 35px;
	}
	.hero-title1 {
		font-size: 38px;
		line-height: 45px;
		padding: 0px 15px;
	}
	.hero-title1b {
		font-size: 24px;
		line-height: 31px;
	}
	.hero-title2 {
		font-size: 20px;
		line-height: 25px;
	}
	.hero-img {
		height: 215px;
	}
	.hero-logo {
		width: 90%;
	}
	#home-logo img {
		width: 90%;
		max-width: 450px;
	}
	#baseline {
		width: 80%;
		font-size: 28px;
		margin-bottom: 15px;
	}
	#home-main-txt {
		width: 80%;
		margin-bottom: 10px;
	}
	.argu {
		width: 150px;
		height: 150px;
	}
	.argu-img img {
		height: 75px;
	}
	.argu-title {
		font-size: 18px;
	}
	.argu-txt {
		font-size: 11px;
	}
	#home-pack {
		padding: 20px;
	}
	#home-pack-bg {
		padding: 30px;
		border-radius: 10px;
		background-size: 150px;
		background-position: -10px 0px;
	}
	.home-pack-icon img {
		width: 85px;
	}
	.home-pack-title {
		font-size: 20px;
	}
	.home-pack-subtitle {
		font-size: 18px;
	}
	.home-pack-gallery {
		padding: 10px;
	}
	.home-pack-gallery img {
		width: 110px;
		margin: 0px 5px;
	}
	#home-center, #home-form {
		padding: 20px;
	}
	.home-center-bg {
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	.home-center-title {
		font-size: 22px;
		line-height: 45px;
		margin-bottom: 5px;
	}
	.home-center-photo {
		height: 200px;
	}
	.home-center-map {
		height: 350px;
	}
	.home-center-name {
		font-size: 22px;
	}
	.home-center-town {
		font-size: 20px;
	}
	.carlabcenter-form {
		width: 90%;
	}
	.carlabcenter-form legend {
		font-size: 15px;
	}
	input {
		font-size: 15px;
	}
	input::placeholder {
		color: #c1c1c1;
		text-transform: lowercase;
		font-style: italic;
	}
	input:hover {
		background-color: #f9f9f9;
	}
	input:focus {
		background-color: rgba(255,34,0,0.05);
		outline: none;
	}
	.carlabcenter-form-button {
		color: #f9f9f9;
		background-color: #f72c2f;
		border: none;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 25px;
		cursor: pointer;
		border-radius: 10px;
	}
	.rdv-title {
		font-size: 25px;
	}
}