html,
body,
#side,
#side2,
#main {
	height: 100%;
}

body {
	background-color: #f7f7f7;		/* whitesmoke */
	/*font-family: 'Source Sans Pro', sans-serif;*/		/* 'Open Sans Condensed' */
	/*font-family: 'Lato', sans-serif;*/				/* 'Open Sans Condensed' */
	font-family: 'Roboto', sans-serif;				/* 'Open Sans Condensed' */
	/*font-weight: 300;*/
}
  
#wrap {
	min-height: 100%;
	height: 100%;
}

#side {
	float: left;									/* layout 2 colonnes : #side à gauche */
	width: 260px;									/* layout 2 colonnes : #side de 260px */
	
	padding: 0px;									/* coller le #side2 aux bords de #side */
	padding-top: 50px;								/* déplacer le contenu vers le bas à cause de .navbar */
	background-color: #2a3e51;
	/*box-shadow: 5px 0px 10px rgba(0,0,0,0.3);*/	/* TODO : ombre seulement si carte ! */
	z-index: 999;
	
	position: relative;
}
#main {
	margin-left: 260px;								/* décaler le #main à droite de la largeur du #side */
	padding-top: 50px;								/* déplacer le contenu vers le bas à cause de .navbar */
}

#side2 {
	overflow-y: scroll;
}



/* MAP */
.content {
	width: 100%;							/* largeur à 100% */
	padding-top: 15px;
	height: calc(100% - 70px);				/* hauteur de main(100%) - header(70px) -padding(15px) */
	overflow-y: scroll;
}

.media {
	color: white;
}

#button-draw {
	padding: 0px;
}


/* boites de messages (alertes) */
.alert ul {
	padding-left: 0px;
}
.alert li {
	list-style-type: none;
}


/* NAVBAR */
.navbar {
	background-color: #000000;
	/*background-color: #323a3f;*/
	/*border-color: #292f33;*/
	/*box-shadow: 0 5px 10px rgba(0,0,0,0.3);*/
	/*z-index: 3;*/
}
.navbar-brand {
	font-family: 'Roboto Condensed';
/*	font-family: 'Open Sans Condensed';
	font-weight: 300;
*/	font-weight: 300;
	font-size: 20px;

	width: 260px;							/* largeur du #side */
	text-align: center;
}

#actuModal .modal-body {
	height: 400px;
	overflow-y: scroll;
}

/* Typographie */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed';
/*	font-family: 'Open Sans Condensed';
	font-weight: 300;
*/	font-weight: 300;
}

.btn-uppercase {
	font-family: 'Roboto Condensed';
	font-weight: 300;
	text-transform: uppercase;
}

.uppercase {
	text-transform: uppercase;
}


/* Surcharges */

.label-as-badge {
	border-radius: 1em;			/* permet d'utiliser .label pour créer des badges - et ajouter des couleurs */
}

.btn-trans {
  color: #fff;
  background-color: transparent;	/*#d9534f;*/
  border-color: #ffffff;			/*#d43f3a;*/
  border-width: 2px;
}
.btn-trans:focus,
.btn-trans.focus {
  color: #2a3e51;
  background-color: #ffffff;		/*#c9302c;*/
  border-color: #ffffff;			/*#761c19;*/
}
.btn-trans:hover {
  color: #2a3e51;
  background-color: #ffffff;		/*#c9302c;*/
  border-color: #ffffff;			/*#ac2925;*/
}
.btn-trans:active,
.btn-trans.active,
.open > .dropdown-toggle.btn-trans {
  color: #2a3e51;
  background-color: #ffffff;		/*#c9302c;*/
  border-color: #ffffff;			/*#ac2925;*/
}
.btn-trans:active:hover,
.btn-trans.active:hover,
.open > .dropdown-toggle.btn-trans:hover,
.btn-trans:active:focus,
.btn-trans.active:focus,
.open > .dropdown-toggle.btn-trans:focus,
.btn-trans:active.focus,
.btn-trans.active.focus,
.open > .dropdown-toggle.btn-trans.focus {
  color: #2a3e51;
  background-color: #ffffff;		/*#ac2925;*/
  border-color: #ffffff;			/*#761c19;*/
}
.btn-trans:active,
.btn-trans.active,
.open > .dropdown-toggle.btn-trans {
  background-image: none;
}
.btn-trans.disabled:hover,
.btn-trans[disabled]:hover,
fieldset[disabled] .btn-trans:hover,
.btn-trans.disabled:focus,
.btn-trans[disabled]:focus,
fieldset[disabled] .btn-trans:focus,
.btn-trans.disabled.focus,
.btn-trans[disabled].focus,
fieldset[disabled] .btn-trans.focus {
  background-color: transparent;	/*#d9534f;*/
  border-color: #cccccc;			/*#d43f3a;*/
  color: #cccccc;					/*added*/
}
.btn-trans .badge {
  color: transparent;				/*#d9534f;*/
  background-color: #fff;
}