body,
h1,
h2,
h3,
p,
{
	/* A simple page reset */
  margin:0px; 
  padding:0px;
}

@font-face {
  font-family:'GE Inspira Bold';
   src: url('GE Inspira Bold.ttf')format('truetype');
}

@font-face {
  font-family: 'GE Inspira';
  src: url('GE_Inspira.ttf')format('truetype');
}

@font-face {
  font-family:'Georgia';  
  src: url('Georgia.ttf')format('truetype');
}

body{
	/* Styling the body */
  font-family:'GE Inspira', serif;
}

#main{
	/* The main container */
  margin-left:60px;
  margin-right:30px;
  margin-top:30px;
}

#conteneur{
  margin-left:60px;
  margin-right:30px;

}

.texte{
  margin-right:40px;
  padding-left:10px;
  border-left:solid #b2b2b2 2px;
  font-family:'GE Inspira', serif;
  color: black;
  font-weight: normal;
}

h1{
	/* The title of the page */
  font-family: 'Georgia';  
  font-size:38px;
}

h2{
  font-size:1.3em;
}

h3{
  font-size:1.2em;
  margin-top:0.5em;
  margin-bottom:0.1em;
}

hr{
	/* The horizontal ruler */
  background-color:#b2b2b2;
  border:none; 
  color:#b2b2b2;
  margin-top:10px;
  margin-bottom:0px;
  height:1px;
  width:100%;
}

p{
  font-size:1.1em;
  margin-top:0.1em;
  margin-bottom:0.1em;
}

.clear{
	/* The clearfix hack */
  clear:both;
}

a{
  color:red;
  text-decoration:none;
  outline:none;
  font-size:1em;
}

a:hover{
	text-decoration:none;
  color:blue;
}

a.retour{
  float:right;
}