/*
style.css
---------
*/

body
{
	background-color: #FAFAD2;
}
#page
{
	margin-top : 20px;
	border-radius : 15px;
	background-color: #FAFAD2;
	width: 100%;
	margin: auto;
	height : auto;
}
#image
{
	margin: auto;
	margin-bottom :30px;
	width : 80%;
}
#image img
{
	width : 100%;
	border-radius : 5px;
	border : 2px solid black;
	overflow : auto;
}
section
{
	margin : 10px 20% 10px 20%;
	border : 2px solid grey;
	border-radius : 15px;
	background-color: #FAFAC2;
}
#photos
{
	display : inline-block;
	vertical-align : top;
	margin : 10px 0px 10px 10px;
	border-radius : 15px;
	border : 2px solid black;
	overflow: hidden;
	width : 20%;
}
#photos img
{
	width : 100%;
	overflow : hidden;
	display : block;
}
.texte
{
	display : inline-block;
	vertical-align : top;
	margin : 15px 0px 10px 5%;
	padding :15px;
	border-left : 1px solid grey;
	border-right : 1px solid grey;
	border-radius : 30px;
	width : 66%; 
}
p
{
	color: grey; /* Les paragraphes seront en bleu, on peut aussi utiliser les couleurs hexadecimal*/
	font-size: 14px;
	font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
	text-align: center;
	width: 100%;
	padding-top : 20px;
	padding-bottom : 20px;
}
.introduction
{
	background-image: url(../pics/5fdp.jpg);
	width:100%;
	height: 150px;
	font-size : 30px;
	text-align: center;
	font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
	display: inline-block;
	border-radius: 15px;
}
b
{
	text-align: center;
	color: black;
	font-size: 24px;
	font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
}
nav
{
	display: inline-block;
	width : 740px;
	text-align: center;
	color : black;
	font-size : 20px;
	font-family: Impact, Arial Black, Arial, Verdana, sans-serif;
}
nav ul
{
	margin-top: 110px;
	list-style-type: none;
	display : inline-block;
}
nav li 
{
	width : 150px;
	height : 25px;
	background-color : #FAFAD2;
	border-radius : 10px;
	display : inline-block;
	text-align: center;
}
nav a
{
	text-decoration : none;
}
nav li a:visited
{
	color :grey;
}
nav li a:link
{
	color : grey;
}
#title
{
	text-align : center;
	font-size : 30px;
	color: black;
	width:100%;
	font-size: 34px;
	font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
	display: inline-block;
}
section h2
{
	font-size: 60px;
	text-align: center;
	font-family:Arial Black;
}
h3
{
	font-size: 30px;
	text-align: center;
	font-family:Arial Black;
}
footer
{
	text-align : center;
}