/**************** GENERAL ****************/

.page-contact { padding-bottom: 50px; }

.page-contact .container-fluid { padding: 0; }

.page-contact .container-contact { 
	display: table;
	height: 100%;
	width: 100%;
}

/**************** MAP ****************/

.page-contact h1 { color: #FFF; }

.page-contact .map iframe { 
	height: 600px;
	width: 100%; 
}

.page-contact .map { 
	display: block;
	height: 100%;
	padding: 0; 
}

.page-contact .right {
	width: 100%;
	display: table-cell;
	float: right;
	min-height: 100%;
}

/**************** FORM ****************/

.page-contact .right {
	background-color: #13235b;
	padding-left: 15px;
}

.page-contact input,
.page-contact textarea {
    background-color: transparent;
    border: 1px solid #2e4a5b;
    color: #d0d0d0;
    font-family: 'Roboto Light';
    font-size: 14px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 20px;
	max-width: 555px;
    width: 100%;
}

.page-contact textarea { 
	height: 150px; 
	padding-top: 15px;
}

.page-contact input[type=submit] { color: #fff; }

.page-contact .formulaireContent { text-align: center; }

.page-contact .adresse,
.messageOk {
	color: #FFF;
	line-height: 26px;
	margin-top: 20px;
	text-align: center;
}

.page-contact .adresse .strong { font-family: 'Roboto Slab Bold'; }

.page-contact .adresse .fonds,
.messageOk { font-size: 20px; }

.messageOk { margin-bottom: 20px; }

.page-contact .adresse .association { 
	font-family: 'Roboto Slab Light'; 
	font-size: 18px;
    margin-bottom: 20px;
}

.page-contact .adresse .contact-t { font-size: 18px; }

.page-contact .adresse .adresse-left,
.page-contact .adresse .adresse-right {
	display: inline-block;
	margin-bottom: 30px;
}

.page-contact .adresse .adresse-left { margin-right: 0px; }

.page-contact .adresse .adresse-left a { color: #FFF; }

.page-contact .error {
	padding-left: 5px;
	color: #FFF;
}

/**************** MEDIA QUERIES ****************/

@media screen and (min-width: 1024px) {
	.page-contact .map {
		display: table-cell;
		float: none;
		min-height: 100%;
		padding: 0;
	}

	.page-contact .map iframe { height: 100%; }

	.page-contact .formulaireContent,
	.page-contact .adresse { text-align: left; }
	.page-contact .right { padding-left: 30px; }
	.page-contact .adresse .adresse-left { margin-right: 60px; }
}