/*
Body { 
	background-color:#dddddd; 
	color:#FF00CA; 
	font-family:times; 
	background-image:url('image.jpg');
	padding:0px;
	margin:0px;
}
*/

/*
a {font-size:25px; color:green;}/*--les liens s affichent en vert*/
*/
/*
li {border:1px solid red; width:150px; height=300px;}
*/

/*
on modifie la balise "conteneur" qui se trouve dans index.html
*/



#conteneur {
	width:1000px; /* largeur et marges standards */
	margin:auto;
	background-color:white;
	border:1px solid blue;
	padding: 0px 0px 0px 0px;
}



#entete {
	border:0px solid green;
	padding:10px 100px 10px 100px;
	height:200px;
	width:1000px;
}

#pied {
	width:1000px;
	padding:100px 100px 10px 100px;
	text-align:center;
}


#contenu {
	border:0px solid red;
	padding:10px 100px 10px 100px;
	width:1000px;
}

#contenu table{
	width:100%; /* la table utilisera 100% de la largeur de la balise-mere, ici le contenu*/
	border-collapse;
}



#photo{
	width:150px; 
	text-align:left;
}

#titre{
	text-align:center;
	font-size:25px;
	font-weight:1;
}

#coordonnees{
	text-align:center;
	width:350px;
}

#menu{
	padding:10px 100px 10px 100px;
	width:1000px;
}


#menu ul {
	margin:0px;
	padding:0px;
	text-align:right;
}

#menu ul li {
	display:inline;
	color:black;
	background-color:white;
	padding:0px;
}

#menu ul li a {
	text-decoration:none;
	color:black;
	padding-left:5px;
	padding-right:5px;
	border:1px solid black;
}

#menu ul li:hover {
	background-color:black;
}

#menu ul li a:hover {
	color:white;
	border:1px solid black;
}


/*
ceci est un commentaire en .css
*/

/*
font-family: Times, Arial...
font-size
font-weight=mettre en gras
*/

/*
border:1px solid red;
width:150px; = largeur totale
height:300px; = hauteur totale
margin-top:20px; = entre l element et lelement suivant
padding:10px;= ecartement entre le nord de la cellule et le texte (padding-left padding-bottom
*/
