@font-face {
    font-family:'LiberationSansnarrow';
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-regular-webfont.eot');
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-regular-webfont.woff') format('woff'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-regular-webfont.woff2') format('woff2'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-regular-webfont.ttf') format('truetype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-regular-webfont.svg') format('svg');
    font-weight:400; /* Regular */
    font-style:normal;
    }

 @font-face {
    font-family:'LiberationSansnarrow';
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-italic-webfont.eot');
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-italic-webfont.woff') format('woff'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-italic-webfont.woff2') format('woff2'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-italic-webfont.ttf') format('truetype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-italic-webfont.svg') format('svg');
    font-weight:400; /* Regular */
    font-style:italic;
    }

    @font-face {
    font-family:'LiberationSansnarrow';
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-bold-webfont.eot');
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bold-webfont.woff') format('woff'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bold-webfont.woff2') format('woff2'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bold-webfont.ttf') format('truetype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bold-webfont.svg') format('svg');
    font-weight:700; /* Bold */
    font-style:normal;
    }

    @font-face {
    font-family:'LiberationSansnarrow';
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-bolditalic-webfont.eot');
    src: url('fonts/liberation-sans-narrow/liberationsansnarrow-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bolditalic-webfont.woff') format('woff'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/liberation-sans-narrow/liberationsansnarrow-bolditalic-webfont.svg') format('svg');
    font-weight:700; /* Bold */
    font-style:italic;
    }

@font-face {
    font-family:'LiberationSans';
    src: url('fonts/liberation-sans/LiberationSans-Regular-webfont.eot');
    src: url('fonts/liberation-sans/LiberationSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/liberation-sans/LiberationSans-Regular-webfont.woff') format('woff'),
         url('fonts/liberation-sans/LiberationSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/liberation-sans/LiberationSans-Regular-webfontt.svg') format('svg');
    font-weight:400; /* Regular */
    font-style:normal;
    }


ul {
		/* Listes */
		list-style-type:none; /* Pas de puces devant les listes */
		padding:0; /* Marges remises à zéro */
		margin:0;
        }
        
a {
		/* Liens hypertexte */
		font-weight:400; /* Normal NB Gras=700 */
		color:#888; /* Gris */
		}

	a:hover {
		/* Liens hypertexte au survol */
		color:#bbb;
		text-decoration:none; /* Soulignement qui disparait au survol */
		}
		


body.accueil {
    background:black;
    font-family:'LiberationSansnarrow', 'Times', 'Verdana', sans-serif;
    font-size:62.5%; /* 1em = 10px */
     font-size:1.35rem; /* = 12px */
     color:#fff;
     padding-bottom:3rem; /* Marge tout en bas de la page */
    }

body.accueil .colonne {
	width:30%;
	margin-right:1%;
	float:left;
    padding-bottom:6rem;
	}
	
body.accueil .colonne-1 {	
	padding-top:2rem; /* Marge verticale supérieure */
	text-align:right;
	}
	
body.accueil .colonne-2 {	
	padding-top:2rem; /* Marge verticale supérieure */
	text-align:left;
	}
	
body.accueil .colonne-3 {	
	padding-top:3rem; /* Marge verticale supérieure */
	}
	
body.accueil .colonne-4 {	
	padding-top:7rem; /* Marge verticale supérieure */
	}
	
body.accueil .colonne-5 {	
	padding-top:11rem; /* Marge verticale supérieure */
	}	
	
body.accueil h1,
body.accueil h2 {
  font-size:1.75rem;
  }

body.accueil .colonne h2 {	
	margin-bottom:0.5rem; /* Espace vertical */
	}	
	

	

body.accueil .colonne li {	
	text-align:left; /* Alignement du texte en fer à droite */
	}

body.accueil .colonne-3 h2 {	
	/* text-align:center; /* Alignement du texte en centré */
	}	

body.accueil .colonne-titre {	
	width:100%;
	text-align:right;
    }

body.accueil .colonne-titre h1,
body.accueil .colonne-titre p {
	display:inline-block; /* Alignement horizontal du titre "Pierre-Damien Huyghe" */
	}
	
body.accueil .colonne-titre p {
	font-size:0.9rem; /* Taille "Université Paris 1" */
	}

footer {
  background:black;
  position:fixed;
  bottom:0;
  padding:20px;
  width:100%;
  font-size:80%;
  text-align: left;
  color:#888;
}
	
	
/* ***************************** */

/* Styles mobile */

@media (max-width:600px) {
  
  /* Les commandes ci-dessous s'appliquent si la largeur de la fenêtre du navigateur est inférieure à 600px */
  
  body.accueil #enveloppe {
    width:100%;
    max-width:100%;
    min-width:100%
     }	
  

  body.accueil .colonne {
	width:100%;;
	padding-top:0;
	margin-bottom:2rem;
    text-align:left;
	}

  footer {
    padding:0;
  }