@charset "UTF-8";

 /*general        ---------------------------------------------------------------------- */

 a { 
        text-decoration: none; 
			
        color: black;
		margin-bottom :  20px;
		margin-left :  20px;
		 }
		
		
		p{ font-size: 20px;
	font-family: 'Roboto', sans-serif;
	
	text-align: center;}
	
			h1{ font-size: 50px;
	font-family: 'Roboto', sans-serif;
	
	}

					h2{ font-size: 20px;
	font-family: 'Roboto', sans-serif;
	
	}
	
	
	
	
	
	
.TITRE
{
	font-size: 50px;
	font-family: 'Roboto', sans-serif;
	margin: 30px;
	text-align:center;
	 color:grey;
	
	
	
	}

h3{ font-size:26px;
	font-family: 'Roboto', sans-serif;
	
	}
		
			.texteservice{ width:350px;
                       height: 400px;
                       text-align: left;
                        border: 0px solid black;
	                     font-size:13px;
                          padding: 15px;
	                     font-family: 'Roboto', sans-serif;
	                       word-wrap: break-word;
		}
		
		
			.textephoto{ width:1800px;
                       height: 150px;
                       text-align: center;
                        border: 0px solid black;
	                     font-size:35px;
                          padding: 5px;
	                     font-family: 'Roboto', sans-serif;
	                       word-wrap: break-word;
						   margin-top:0px;
		}
		
				
		
		
		.texteindex{ width:330px;
                       height: 200px;
                       text-align: left;
                        border: 1px solid black;
	                     font-size:13px;
                          padding: 15px;
	                     font-family: 'Roboto', sans-serif;
	                       word-wrap: break-word;
						   margin-top:80px;
		}
		
		
	
		
 /*general        ---------------------------------------------------------------------- */
 
 
.texte{ width: 200px;
    height: 250px;
    text-align: justify;
    border: 0px solid black;
	font-size:25px;
     padding: 15px;
	font-family: 'Roboto', sans-serif;
	word-wrap: break-word;
	
}
 
 

 /*neader        ---------------------------------------------------------------------- */
header {
	background-color: white;
	opacity: 0.9;
  position: fixed;
  top: 0;
  width: 100%;
  
}





.navbar {
	background-color: white;
	opacity: 0.9;
	text-align: center;
  position: relative;
  height: 60px;
  width: 100%;
 
}

.nav {
	color: black;
	opacity:1;
  margin: 0;
  padding: 0;
  display: inline-block;
 
}

.item {
  list-style: none;
  display: inline-block;
  font-size: 40px;
  padding: 10px;
  font-weight: 200;
  line-height: 15px;
 font-family: 'Roboto', sans-serif;
 
}



	
	
	
	 /*neader        ---------------------------------------------------------------------- */
	 
	 
	 
	 
	 /*main        ---------------------------------------------------------------------- */
	 #conteneur
{
    display: flex;  /*fontion flexbox */
	
	
	flex-wrap: wrap; /* wrap : les éléments vont à la ligne lorsqu'il n'y a plus la place nowrap : pas de retour à la ligne (par défaut)*/
	width: 100%;
	justify-content: space-around; /*flex-start : alignés au début (par défaut)
flex-end : alignés à la fin
center : alignés au centre
space-between : les éléments sont étirés sur tout l'axe (il y a de l'espace entre eux)
space-around : idem, les éléments sont étirés sur tout l'axe, mais ils laissent aussi de l'espace sur les extrémités */

 height: 10px; /* Un peu de hauteur pour que les éléments aient la place de bouger */
 
  font-family: 'Roboto', sans-serif;
  
 align-items: center;  /*stretch : les éléments sont étirés sur tout l'axe (valeur par défaut)
flex-start : alignés au début
flex-end : alignés à la fin
center : alignés au centre
baseline : alignés sur la ligne de base (semblable à flex-start) */
margin-top: 200px;
margin-left: 10px;

}
	/*main        ---------------------------------------------------------------------- */ 
	 
 /*footer        ---------------------------------------------------------------------- */

	.navbarfooter {
	background-color: black;
	opacity: 0.5;
	text-align: center;
  position: relative;
  height: 300px;
  width: 100%;
 
}

.navfoot {
	color: black;
	opacity:1;
  margin: 0;
  padding: 20px;
  display: inline-block;
 
}

.itemfoot {
  list-style: none;
  display: inline-block;
  font-size: 20px;
 
  font-weight: 200;
  line-height: 100px;
  font-family: 'Roboto', sans-serif;

 
}


	
 /*footer        ---------------------------------------------------------------------- */