/* Document CSS principal */

/* ---------- Sélecteurs d'éléments ---------- */

html {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%; /* 90% de la taille de défaut du navigateur */
	color: #7B7B7B /* texte standard en gris clair */
}
body {
	width: 1200px; /* limite la largeur */	margin: 0 0 0 20px; /* marges verticales seulement à gauche */
	overflow: hidden;
}
header {
	margin-left: 130px; /* laisse 130px à gauche pour le menu latéral */
}
section {
	height: 520px; /* limite la hauteur de la partie principale */
}
article {
	height: 520px; /* fixe la hauteur en fonction des images de la galerie + barre de défilement horizontale */
	margin-left: 130px; /* laisse 130px à gauche pour le menu latéral */
	background-color: #F8F8F8;
	overflow: hidden;
}
article table {
	border: none; /* pas de bords sur les tables */
	margin: 0px; /* pas de marges par rapport à article */
	width: 100%; /* utilise toute la largeur de article */
	border-collapse: collapse;
}
article caption {
	padding: 0.6em 0em 1em 1em;
	text-align: left;
}
article p {
	padding-bottom: 2em;
	overflow: auto;
}
article td#ligne1 {
	width: 55%;
	font-size: 100%;
	text-align: left;
	padding-left: 1.0em; /* pas 1.2em comme les autres lignes, pour tenir compte de la police de caractères plus grande tout en gardant l'alignement */
	padding-top: 0.6em;
}
article td {
	border: none; /* pas de bords sur les cellules */
	font-size: 80%; /* taille de la police : 80% de la taille par défaut */
	height: 1.67em; /* donne un peu d'espace entre les lignes */
	vertical-align: top;
}
article td#colonne1 {
	/* width: 8%; */
	vertical-align: top;
	padding-left: 0.6em;	/* espace par rapport au bord gauche */
	text-align: right;
}
article td#colonne1p {
	width: 47.7%;
	padding-left: 1.2em;	/* espace par rapport au bord gauche */
	text-align: left;
}
article td#colonne2 {
	width: 40%;	
	padding-left: 1.2em;  /* laisse de la place entre les colonnes 1 et 2 */
	text-align: left;
}
article td#colonne3 {
	width: 18%;
	vertical-align: top;	
	padding-left: 2em;    /* laisse de la place entre les colonnes 2 et 3 */
	text-align: left;
}
article td#colonne4 {
	padding-right: 2.0em;  /* espace par rapport au bord droit */
	text-align: right;
}
article td#gauche {
	width: 55%;
	vertical-align: top;
	text-align: justify;
	padding: 0.6em 2.0em 1.2em 1.2em;
	line-height: 1.65;
}
article td#droite {
	vertical-align: top;
	padding: 0.6em 2.0em 1.2em 1.2em;
	line-height: 1.65;
}
article h1 {
	padding: 1em 0em 1em 1em;
	font-weight: bold;
	text-align: left;
}
article img#cv {
	float: left;
}
footer {
	padding: 12px 0px;
	font-size: 60%; /* taille de la police : 60% de la taille par défaut */
}
ul {
	list-style-type: none; /* pas de points en tête des rubriques des listes */
}
a {
	text-decoration:none; /* enlève le soulignement par défaut d'un lien */
	color: inherit; /* les liens sont dans la couleur de défaut de la page */
}
a:link {
	display: inline-block;
}
a:hover {
	color: #191919; /* texte d'un lien en gris très foncé lorsque la souris le survol */
}

/* ---------- Sélecteurs de classes ---------- */

.logo-haut {
 	width: 400px; /*utilise 400px de large pour le logo */
}
.menu-gauche {
	float: left; /* rubriques de la navigation flottant à gauche */
	text-align: right; /* rubriques alignées à droite */
	line-height: 2.5em; /* deux fois et demi la hauteur de ligne standard entre les rubriques */
}
.menu-gauche ul{
	padding-left: 0px; /* pour supprimer le padding à gauche */
	margin-top: 0px; /* pour supprimer la marge de défaut du navigateur */
}
.gauche-bas {
	position: relative;
	top: 320px; /*rubriques de la navigation à gauche en bas */
	padding-left: 0px; /* pour supprimer le padding à gauche */
	margin-top: 0px; /* pour supprimer la marge de défaut du navigateur */
}
.menu-haut {
	text-align: right; /* affiche le nom à droite */
	position: relative; /* fixe la position par rapport à header */
	right: 0px; /* tout à droite */
	bottom: 57px; /* aligné sur le bas du text du logo */
	z-index: -1; /* pour être derrière le bloc du logo */
}
.menu-haut ul {
	margin: 0;
}
.menu-haut li {
	display: inline-block; /* affiche les rubriques en ligne plutôt que les unes sur les autres */
	padding-left: 4em; /* un peu d'espace entre les rubriques */
}
.current-page {
	color: #191919; /* texte du menu en gris très foncé lorsque la page est active */
}
.vignettes-galeries {
	margin-left: 130px; /* laisse 130px à gauche pour le menu latéral */
	height: 520px; /* fixe la hauteur en fonction des images de la galerie + barre de défilement horizontale */
	overflow: auto;
}
.vignettes-galeries table {
	border: none; /* pas de bords sur les tables */
	margin: 0px; /* pas de marges */
	border-collapse: collapse;
}
.vignettes-galeries td {
	border: none; /* pas de bords sur les cellules */
	font-size: 80%; /* taille de la police : 80% de la taille par défaut */ 
}
.vignettes-galeries td img {
	width: 325px; /* ajuste l'image pour passer dans le cadre sans défilement vertical */
	height: 229px;
}
.galerie {
	height: auto; /* fixe la hauteur en fonction de la hauteur des images de la galerie */
	margin-left: 130px; /* laisse 130px à gauche pour le menu latéral */
	background-color: #F8F8F8;
	overflow-x: scroll; /* défilement horizontal */
	overflow-y: hidden; /* pas de défilement vertical */
}
.galerie table {
	border: none; /* pas de bords sur les tables */
	border-collapse: collapse;
}
.galerie td#colonne1 {
	vertical-align: top;
	padding: 0 15px 0 15px;
}
.texte-galeries {
	width: 280px; font-size: 110%;
}
.texte-galeries h1 {
	font-size: 85%;
}
.texte-galeries h2 {
	font-size: 80%;
	margin: 5px 0 5px 0;
}
.texte-galeries p {
	font-size: 75%;
	margin: 5px 0 5px 0;
}
.mapholder { /* utilisé pour la carte "Google Maps" */
	width: 100%;
	height: 100%;
	border: 0px;
}
.clearfix {
  overflow: auto; /* pour avoir la suite plus bas que la photo */
}