/*
 * Centre Alpha - feuille de style du site
 * (chargée après css/bootstrap.min.css)
 */

/*
 * Polices
 */

@font-face
{
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/Montserrat-Regular.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'accompanio';
    src: url('../fonts/Quicksand-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*
{
	font-family: 'accompanio','montserratregular', sans-serif;
}

/*
 * Structure de la page
 */

html,
body {
  background-color: rgb(255,255,255);
  margin: 0;
  padding: 0;
}

/* Always reserve the scrollbar's space, so that short pages (no scrollbar)
   are not shifted sideways compared with long ones. */
html {
  scrollbar-gutter: stable;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: rgb(93,107,99);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 50em;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.cover {
  padding: 0 1.5rem;
}

#conteneur
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 1rem;
	margin-bottom: 5rem;
}

.element:nth-child(1)
{
	margin-top: 5rem;
	text-align: justify;
}

/*
 * En-tête et navigation
 */

.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
  margin-left: 24px;
  font-weight: 700;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(140, 159, 166, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  text-shadow: 0 .05rem .05rem rgba(0, 0, 0, .5);
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(138,153,145, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: rgb(53,65,68);
  border-bottom-color: rgb(93,107,99);
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}

header
{
	font-color: rgb(93,107,99);
	font-style: bold;
}

/*
 * Texte
 */

h3, h1, h4
{
	text-align: center;
}

h3, h4
{
	font-style: bold;
}

p, ul
{
	font-color: rgb(93,107,99);
	text-align: justify;
	font-size: 0.85rem;
}

strong
{
	font-weight: bold;
}

.note
{
	font-height: 0.5rem;
	text-align: center;
}

.texte-legal h2
{
	font-size: 1.1rem;
	font-weight: bold;
	margin-top: 2rem;
}

/*
 * Liens
 */

a,
a:focus,
a:hover {
  color: rgba(140, 159, 166, .5);
}

/* Underline is reserved for links: every link in the content is underlined */
main a
{
  color: rgb(93,107,99);
  text-decoration: underline;
}

:focus
{
    background-color: rgb(214,221,226);
}

/*
 * Images
 */

img
{
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	max-width: 100%;
	height: auto;
  border-radius: 5px;
}

.flottant
{
	float: left;
	display: inline-block;
	vertical-align: top;
}

.autreparagraphe
{
	clear: both;
}

.image_paragraphe
{
	clear: both;
	display: inline-block;
}

/*
 * Formulaire
 */

form
{
	text-align: center;
}

/*
 * Pied de page
 */

.mastfoot {
  color: rgb(93,107,99);
}

footer
{
  font-weight: bold;
}

footer a
{
  padding: .25rem 0;
  color: rgb(93,107,99);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

#Adress
{
	font-size: 0.8em;
	text-align: center;
  	color: rgb(93,107,99);
  	background-color: transparent;
  	border-bottom: .25rem solid transparent;
  	padding: 24px;
  	text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
}

/*
 * Structure des titres (rendu identique à l'ancien balisage)
 */

/* Logo de l'en-tête : lien vers l'accueil (anciennement un <h3>) */
.masthead-brand
{
	display: block;
	text-align: center;
	font-size: 1.75rem;
	line-height: 1.2;
}

/* Accueil : sous-titre intégré au <h1> */
.sous-titre
{
	display: block;
	margin-top: .5rem;
	font-size: 1.5rem;
	letter-spacing: normal;
}

/* Equipe : un bloc par praticien, le nom en <h2> (anciennement <p><strong>) */
.image_paragraphe
{
	margin-bottom: 1rem;
	font-size: 0.85rem;
	text-align: justify;
}

.image_paragraphe p
{
	margin: 0;
	font-size: inherit;
}

.nom
{
	margin: 0;
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
}

/* Titre principal des pages intérieures */
.titre-page
{
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
}