.meeting-informations-wrapper {
	border: black 1px solid;
}

.contact-informations {
  background: rgba(0, 0, 0, .2);
  padding: 16px 32px;
  border-bottom: black 1px solid;
}

.adresse_info {
	font-weight: bold;
	font-size: 20px;
}

@media screen and (max-width: 800px) {

	.meeting-informations-wrapper {
		margin-top: 16px;
	}

	.contact-informations {
		margin: 0;
		padding: 16px;
	}

}
.footer-wrapper {
	height: 64px;
	background-color: #707063;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.content-big-title {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 36px !important;
  font-weight: bold;
}
.navbar {
	height: 56px;
	border-top: 2px black solid;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	transition: 0.25s;
}

.navbar-buttons-container {
	display: flex;
	justify-content: center;
	height: 100%;
	transition: 0.25s;
}

.navbar-button {
	display: flex;
	border: 1px #1a1a1a solid;
	align-items: center;
	justify-content: center;
	margin: 8px 4px;
	padding: 0px 24px;
	width: 164px;
	font-family: sans-serif;
	font-size: 15px;
	box-shadow: inset 0 0 0 1000px rgba(255, 241, 212,.5);
	color: #1a1a1a;
	text-shadow: 0px 0px 2px white;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	transition: 0.25s;
}

.navbar-button:hover {
	cursor: pointer;
	box-shadow: inset 0 0 0 1000px rgba(239, 211, 219, .8);
	border: 1px solid black;
	color: black;
}

@media screen and (max-width: 800px) {

 .navbar-button {
 	width: 124px;
 	font-size: 12px;
 }

}

@media screen and (max-width: 624px) {

	.navbar {
		height: 100px;
	}

	.navbar-buttons-container {
		flex-wrap: wrap;
	}

	.navbar-button {
		font-size: 11px;
		font-weight: bold;
		width: 128px;
		margin: 4px;
		padding: 0px 16px;
	}


}

@media screen and (max-width: 355px) {

	.navbar-button {
		font-size: 10px;
		font-weight: bold;
		width: 128px;
		margin: 2px;
		padding: 0px 8px;
	}


}

@media screen and (max-width: 300px) {

	.navbar-button {
		font-size: 9px;
		font-weight: bold;
		width: 128px;
		margin: 2px;
		padding: 0px 8px;
	}


}
/* MEMOS */
/* vh: viewport heigth */
/* vw: viewport width */

.highlight {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #3e8a2d;
  text-shadow: 0px 0px 1px black;
}

.name {
  font-size: 24px;
  color: white;
  text-shadow: 1px 1px 6px black, 1px 1px 6px black, 0 0 1em black, 0 0 0.2em black;
}

.phone-number {
  font-size: 48px;
  color: white;
  text-shadow: 1px 1px 6px black, 1px 1px 6px black, 0 0 1em black, 0 0 0.2em black;
}

.mobile-phone-number {
  display: none;
}

body {
	margin: 0;
  padding: 0;
  background-color: #fffee0;
}

#title-content-wrapper {
  padding: 32px 96px;
}

#title-content {
}

#title {
  font-size: 64px;
  text-shadow: 1px 1px 2px white, 1px 1px 6px white, 0 0 1em white, 0 0 0.2em white;
}

#header {
  background-repeat: no-repeat;
  border-bottom: black 2px solid;
  border-top: black 2px solid;
}

.background-first {
  background-image: url(/assets/images/fleurs_01_01-34450b77fc1c60eed17b9aea8efa8100e93e5f5ae013eea40fac43ffd04a2729.jpg);
  background-size: cover;
}

.background-second {
  background-image: url(/assets/images/fleurs_02_02-4aeb4133cce021db7f2a4abc1c3a8c7841caea27c752d62a75529e3d352d4743.jpg);
  background-size: cover;
}

.background-third {
  background-image: url(/assets/images/fleurs_03_03-d009c7d3eba3231a0f5363ef0a3a7b8bfa3713f4fb1bf6aac272e8e8466b6631.jpg);
  background-size: cover;
}

.background-fourth {
  background-image: url(/assets/images/fleurs_04_04-c581458bd79e1e571ab36d9582ec6936d24b743acdbd355556f3787f07347044.jpg);
  background-size: cover;
}

#subtitle {
  font-size: 40px;
  text-shadow: 1px 1px 2px white,1px 1px 6px white,  0 0 1em white, 0 0 0.2em white;
}

.title-button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.subtitle-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.line {
  border: 1px black solid;
  text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}

.title-button-container {
  display: flex;
  align-content: center;
}

.button-inscription {
  display: flex;
  align-items: center;
  font-size: 24px;
  padding: 8px 16px;
  border: green solid 1px;
}

.button-wrapper {
  display: flex;
  align-items: center;
  margin-left: 128px;
}

.content-wrapper {

/*  
  background-image: url(/mains_et_poignets.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
*/
  padding: 32px 256px;
}

.content-title {
  font-family: 'Source Serif Pro', serif;
  font-size: 28px;
  margin-top: 16px;
  font-family: 'Source Sans Pro', sans-serif;
  text-decoration: underline;
}

.content-text {
  font-family: 'Source Serif Pro', serif;
  margin-top: 16px;
  font-size: 18px;
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media screen and (max-width: 1100px) {

  .content-wrapper {
    padding: 0px 32px;
  }

  #title-content-wrapper {
    padding: 14px 30px;
  }

  .name {
    font-size: 24px;
  }

  .phone-number {
    font-size: 40px;
  }

  #title-content {
  }

  #title {
    font-size: 56px;
  }

}

@media screen and (max-width: 800px) {

  .name {
    font-size: 16px;
    text-shadow: 1px 1px 2px black, 1px 1px 5px black, 1px 1px 5px black, 1px 1px 7px black;
  }

  .mobile-phone-number {
    display: block;
    color: white;
    text-shadow: 1px 1px 2px black, 1px 1px 5px black, 1px 1px 5px black, 1px 1px 7px black;
  }

  .phone-number {
    display: none;
    font-size: 16px;
  }

  #title-content-wrapper {
    padding: 8px;
  }

  #subtitle {
    font-size: 25px;
  }

  #title-content {
    padding-top: 0px;
  }

  #title {
    font-size: 32px;
  }

  .content-title {
    font-size: 20px;
  }

  .content-text {
    font-size: 16px;
  }

  .content-wrapper {
    padding: 0px 16px;
  }


}

@media screen and (max-width: 362px) {

  #subtitle {
    font-size: 18px;
  }

}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

@import "contact_page";
@import "footer";
@import "general";
@import "navbar";
@import "pages";
@import "style";
@import "banner";