/* Définition de la police de la bannière */

@font-face { /* Définition d'une nouvelle police nommée CAC Champagne */

    font-family: 'cac_champagneregular';

    src: url('cac_champagne-webfont.eot');

    src: url('cac_champagne-webfont.eot?#iefix') format('embedded-opentype'),

         url('cac_champagne-webfont.woff') format('woff'),

         url('cac_champagne-webfont.ttf') format('truetype'),

         url('cac_champagne-webfont.svg#cac_champagneregular') format('svg');

} 

/* Eléments principaux de la page */

body
{
	background: url('beige.png');
	font-family: 'Trebuchet MS', Arial, sans-serif;
	/*color: #6E6B6A;*/
}

#bloc_page
{
	width: 90%;
	margin: auto;
}

header
{
	display: flex;
	color: black/*#6E6B6A*/;
	background-color: #78BBEB;
	background-repeat: repeat-x;
	border-width: 4px;
	border-color: #228AD4;
	border-style: solid;
	border-radius: 8px;
	box-shadow: 6px 6px 0px #156196;
}

header h1
{
	font-size: 3.5em;
	font-weight: normal;
	margin: 0 0 0 10px;
	font-family: 'cac_champagneregular', 'Trebuchet MS', Arial, sans-serif;
}

nav
{
	margin-top: 35px;
	/*margin-left: 70px;*/
	max-width: 70%;
}

nav ul
{
	list-style-type: none;
    display: flex;
    align-items: center;
}

nav li
{
    margin-right: 10px;
    margin-left: 20px;

}

nav a
{
    font-size: 1.5em;
    color: black/*#181818*/;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #78BBEB;
    border-bottom: 3px solid #78BBEB;
}

#navigation
{
	border-bottom: solid 3px black/*#228AD4*/;
	margin-bottom: 20px;
}

#consulted
{
	color: #78BBEB;
}

footer
{
	display: flex;
	color: black/*#6E6B6A*/;
	background-color: #78BBEB;
	background-repeat: repeat-x;
	border-width: 4px;
	border-color: #228AD4;
	border-style: solid;
	margin-top: 35px;
	margin-bottom: 35px;
	border-radius: 8px;
	box-shadow: 6px 6px 0px #156196;
}

footer p
{ 
	margin-left: 500px;
}

/* Mise en page de la page Accueil */

section
{
	display: flex;
	/*align-items: center;*/
	justify-content: space-around;
	/*flex-wrap: wrap;*/
	/*align-content: flex-start;*/
}

#mise_en_page_accueil
{
	/*align-items: flex-start;*/
	display: flex;
	justify-content: space-between;
	/*align-items: flex-start;*/
}

#image_accueil
{
	/*max-width: 45%;*/
}

#texte_presentation
{
	max-width: 30%;
	font-size: 1.4em;
}

/* Mise en page de la page Contact*/

#mise_en_page_contact
{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

#google_map
{
	color: black;
	text-decoration: none;
}

#google_map:hover
{
	color: #78BBEB;
    border-bottom: 3px solid #78BBEB;
}

#acces
{
	max-width: 40%;
}

/* Mise en page de la page Equipe */

#mise_en_page_equipe
{
	align-items: flex-start;
	flex-wrap: wrap;
}

/* Mise en page de la page Infrastructures */

#mise_en_page_infrastructures
{
	display: flex;
	flex-wrap: wrap;
}

#conteneur_1
{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}


#mise_en_page_en_pratique
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#mode_de_fonctionnement
{
	border-bottom: 3px solid black;
	min-width: 100%
}

#horaire_par_médecin
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	margin-right: 100px;
	margin-bottom: 15px;
}

#hugues
{
	border: 2px black solid;

	width: 20%;
}

#marjolaine
{
	border: 2px black solid;
	width: 20%;
}

#gautier
{
	border: 2px black solid;
	width: 20%;
}

#jenny
{
	border: 2px black solid;
	width: 20%;
}

#separation
{
	border-bottom: 3px solid black;
	min-width: 100%
}