.band
{
	background-color: #302f2f;
	/*background-image: url('/img/fr/band-background.png');*/
	background-position: center left;
	background-repeat: no-repeat;
	background-size: contain;
}

.band-form
{
	background-image: url('/img/fr/band-form-background.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 50px 0px 50px 0px;
}

.form-title
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('/img/fr/back-form-title.png');
	height: 45px;
	width: 100%;
	max-width: 405px;
	font-family: "Hemi";
    font-weight: 500;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-block
{
	background-color: #ffffff;
	max-width: 375px;
	margin: 15px 0px 0px 0px;
	padding-top: 35px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-fields
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.form-control
{
	display: inline-block;
	margin-bottom: 5px;
}

.form-control,
.single-line
{
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #e5e6e7;
	border-radius: 1px;
	color: inherit;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}
.form-control:focus,
.single-line:focus
{
	border-color: #1ab394;
}

.input-group-addon
{
	background-color: #fff;
	border: 1px solid #E5E6E7;
	border-radius: 1px;
	color: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 9px 12px 4px 12px;
	text-align: center;
}

/*input,select
{
	width: 90%;
	font-family: "Montserrat-LightItalic";
	color: #717171;
	margin: 0% 0% 3% 0%;
}*/

.button
{
	background-image: url('/img/fr/button.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 195px;
	height: 42px;
	font-family: "Hemi";
	color: #302f2f;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	cursor: pointer;
}

.back-tel
{
	position: relative;
	background-image: url('/img/fr/back-tel.png'),url('/img/fr/back-download.png');
	background-repeat: no-repeat,no-repeat;
	background-position: center left, center right;
	background-size: 55%,55%;
	max-width: 610px;
	min-height: 68px;
}

.tel
{
	display: inline-block;
	float: left;
	width: 50%;
	height: 68px;
	font-size: 1.8vh;
	color: #000;
	font-family: "Montserrat-SemiBold";
	display: flex;
	align-items: center;
	justify-content: center;
}

.download
{
	display: inline-block;
	float: right;
	width: 50%;
	height: 68px;
	font-size: 1.3vh;
	color: #000;
	font-family: "Montserrat-SemiBold";
	display: flex;
	align-items: center;
	justify-content: center;
}

.accroche
{
	margin: 40px 0px 40px 0px;
	width: 60%;
	font-size: 18px;
	color: #fff;
	font-family: "Montserrat-SemiBold";
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.trajets
{
	text-align: center;
}

.trajet
{
	display: inline-block;
	font-family: "Montserrat-LightItalic";
	color: #ffe109;
	text-align: center;
	margin: 5px;
}

.corpus
{
	/*background-image: url('/img/fr/back-corpus.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;*/
}

.left-corpus
{
	background-color: #ffffff;
	text-align: right;
}

.right-corpus
{
	background-color: #fff;
	text-align: center;
	padding: 30px;
}

.info
{
	background-image: url('/img/fr/back-info.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	text-align: center;
	min-height: 197px;
	max-width: 190px;
	padding: 25px;
	margin: 10px 0px 10px 0px;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
}

.info-img
{
	height: 3em;
	margin-bottom: 3px;
}

.suggdiv
{
	border: solid 1px rgb(220, 220, 220);
	padding: 3px;
	width: 100%;
	color: rgb(50, 50, 50);
}

.sugglink:link
{
	color: rgb(50, 50, 50);
}
.sugglink:active
{
	color: rgb(50, 50, 50);
}
.sugglink:visited
{
	color: rgb(50, 50, 50);
}
.sugglink:hover
{
	color: rgb(50, 50, 50);
}