/**
 * BlankPlate | Yet another HTML5 Starter Kit
 *
 * BlankPlate Main stylesheet
 *
 * @copyright	Copyright 2013, Dimitris Krestos
 * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
 * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
 * @package		BlankPlate
 * @version		v1.3.2
 */

/**
 * WORLD
 *
 * -------------------------------------------------------------------------------------------------
 */
#wrapper_map {	
	width: 100%;
	height: 30vw;
	float: left;
}

#wrapper_map svg{
	width: 2vw;
	height: auto;
}

/**
 * HEADER
 * Your header rules
 * -------------------------------------------------------------------------------------------------
 */

.titre-carte {
	background: #eee;
	height: 64px;
	text-align: center;
	line-height: 64px;
	vertical-align: middle;
	font-size: 14px;
	padding: 0 5px;
	text-transform: uppercase;
}

.titre-carte2 {
	background: #eee;
	height: 2vw;
	text-align: center;
	line-height: 2vw;
	vertical-align: middle;
	font-size: 1vw;
	width:80%;
	margin-left:5%;
	padding: 0 1vw;
	text-transform: uppercase;
}

.titreMap {
	background: #d2de66;
	color: black;
	height: 2vw;
	text-align: center;
	line-height: 2vw;
	vertical-align: middle;
	font-size: 1vw;
	width:80%;
	margin-left:5%;
	padding: 1vw 1vw;
	text-transform: uppercase;
	margin-top:1vw;
}


/**
 * NAVIGATION
 * Your horizontal (global) navigation rules
 * -------------------------------------------------------------------------------------------------
 */
#nav_wrapper {

}

.nav_map {
	position: relative;
}

.nav_map .vertical {
	color: #fff;
	margin-top:2vw;
	margin-right:3vw;
	padding: 1vw;
	position: absolute;
	right: 0;
	text-align: left;
	width: 20vw;
	z-index: 2!important;
}

#navfond{
	background: white;
	margin-top:3vw;
	margin-right:3vw;
	padding: 1vw;
	position: absolute;
	right: 0;
	text-align: left;
	width: 20vw;
	height:10vw;
	z-index: 1!important;
	opacity:0.9;
}

 .nav_map .vertical LI A {
	color: black;
	font-size: 1vw;
	margin-left: 1vw;
	vertical-align: middle;
	line-height: 2vw;
}

 .nav_map .vertical LI A:hover {
	color: #d2de66;
	text-decoration: none;
	cursor:  pointer;
}

/**
 * ASIDE
 * Your side bar rules
 * -------------------------------------------------------------------------------------------------
 */
ASIDE {
	float: left
}

/**
 * BODY
 * Your content rules
 * -------------------------------------------------------------------------------------------------
 */
SECTION#body {
	float: left;
	width: 100%;
}

ARTICLE {}

#map_canvas {
	height: 30vw; /******* CHANGER LA TAILLE DE LA CARTE ******/
	width: 100%;
}

/**
 * CONTACT
 * Your form rules
 * -------------------------------------------------------------------------------------------------
 */
.contact FORM {}

.contact FORM INPUT[type="text"] {
	padding: 0 10px;
}

.contact FORM INPUT[type="submit"] {
	margin: 0;
}

/**
 * FOOTER
 * Your footer rules
 * -------------------------------------------------------------------------------------------------
 */
FOOTER {
	width: 100%
}

.footer_wrapper {
	color: #888;
	margin: 20px auto;
	width: 940px;
}