/*la balise body permet d'avoir une image d'arrière plan et de choisir sa police*/
body.center{
	background-image: url("arriereplan1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-attachment: fixed;
	font-family: arial;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auo;
	max-width: 100%;
	
}

/*la balise body permet d'avoir une image d'arrière plan et de choisir sa police*/
body.norm {
	background-image: url("arriereplan2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-attachment: fixed;
	font-family: arial;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auo;
	max-width: 100%;
}	
	
/*la balise p permet de centrer mon paragraphe et de changer sa couleur*/	
p.center {
  margin: 11%;
  top: 100%;
  left: 8%;
  color: black;
  font-size: 25px;
  text-align: right;
}

/*la balise h1 permet de choisir l'alignement de mon titre et sa couleur*/
h1.pageune
{
	text-align: right;
	font-size: 100px;
	color: white;
}

/*la balise h1 permet de choisir l'alignement de mon titre et sa couleur*/
h1{
	text-align: center;
	font-size: 70px;
	color: black; 
}

/*ma class bottom permet de	 chosir la taille, l'alignement, la couleur et la position de mon contenu en bas de page*/
 .bottom {
	font-size: 18px;
	color: black;
	text-align: left;
 }
 
 /*ma class bottom2 permet de chosir la taille, l'alignement, la couleur et la position de mon contenu en bas de page*/
  .bottom2 {
	font-size: 18px;
	color: white;
	text-align: left;	
	bottom: 98%;
 }
 
/*ma class barreNav permet de créer la barre de sélection et de personnaliser*/ 
.barreNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #2F2B2A;
}

/*ma class barreNavRight permet de placer le contenu de ma barre de sélection à droite*/
.barreNavRight{
    float: right;
}

/*ma class barreNavLeft permet de placer le contenu de ma barre de sélection à gauche*/
.barreNavLeft {
    float: left;
}

/* la balise li crée une liste à puce et la personnalise*/
li a {
    display: block;
    color: #FFFFFF;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    background-color: #2F2B2A;
}

/* li a: hover change la couleur de mon boutton quand il y'a le curseur dessus*/
li a:hover {
    background-color: #E64720;
}

/*ma class active change la couleur du boutton de la page active*/
.active {
    background-color: #E64720;
}


/*ma balise h2 permet de choisir l'alignement de mon texte, la taille de la police et la couleur pour mon titre 2*/
h2{
	text-align: center;
	font-size: 40px;
	color: black; 
}

/* mes balises table, td et th définissent la taille de la bordure de mes cellules/colonnes/tableaux et leurs marges*/
table,td,th {
	border: 1px solid;
	margin: auto;
}

/*ma class size pour th définit la taille de mes cellules*/
th.size {
	width: 8%;
}

/*ma class text ajoute un fond blanc transparent et personnalisation de sa largeur, de son arrière plan, de sa hauteur, de son espacement, de son alignement et de ses marges*/
.text {
	background: linear-gradient(rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.7));
	box-shadow: 15px 15px rgba(0, 0, 0, 0.4);
	width: 190px;
	height: auto;
	text-align: center;
	padding: 5px;
	margin-right: 0cm;
	margin-left: 5cm;
	margin-top: 1cm;
	margin-bottom: 2cm;
	border-radius: 10px;
	
}

/*ma class text2 ajoute un fond blanc transparent et personnalisation de sa largeur, de son arrière plan, de sa hauteur, de son espacement, de son alignement et de ses marges*/
.text2 {
	background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
	box-shadow: 15px 15px rgba(0, 0, 0, 0.4);
	width: 450px;
	height: auto;
	text-align: center;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1cm;
	margin-bottom: 2cm;
	border-radius: 10px;	
}

/* ma balise li personnalise l'espacement entre balise li d'une liste à puces*/
 li{
    padding: 5px;
      }

/*ma class text3 ajoute un fond blanc transparent et personnalisation de sa largeur, de son arrière plan, de sa hauteur, de son espacement, de son alignement et de ses marges*/
.text3 {
	background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
	box-shadow: 15px 15px rgba(0, 0, 0, 0.4);
	width: 900px;
	height: auto;
	text-align: left;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1cm;
	margin-bottom: 2cm;
	border-radius: 10px; 
}

/*ma class text4 ajoute un fond blanc transparent et personnalisation de sa largeur, de son arrière plan, de sa hauteur, de son espacement, de son alignement et de ses marges*/
.text4 {
	background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
	box-shadow: 15px 15px rgba(0, 0, 0, 0.4);
	width: 500px;
	height: auto;
	text-align: left;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1cm;
	margin-bottom: 2cm;
	border-radius: 10px;
}

/*ma class text5 ajoute un fond blanc transparent et personnalisation de sa largeur, de son arrière plan, de sa hauteur, de son espacement, de son alignement et de ses marges*/
.text5 {
	background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
	box-shadow: 15px 15px rgba(0, 0, 0, 0.4);
	width: 500px;
	height: auto;
	text-align: left;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1cm;
	margin-bottom: 2cm;
	border-radius: 10px;
}

/*ma class return Permet de chosir la taille, l'alignement, la couleur et la position de mes bouttons*/
   li.return {
	display: block;
    color: #FFFFFF;
    float: right;
	width: 10%;    padding: 1px;
    text-decoration: none;
    background-color: #2F2B2A;
}