@charset "UTF-8";
/* CSS Document */

html, body 
{
	padding : 0;
	margin : 0;
	height : 100%; /* Ces trois paramètres sont nécessaires pour un affichage correct */
	background-color:#999999;
}

body 
{
	text-align : center;   /* Centrage sous Internet Explorer */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:24px;
}
	
#conteneur {
	position : relative;    /* Obligatoire pour positionner le footer par rapport au conteneur */
	margin : auto;          /* Centrage sous Firefox */
	width : 960px;           /* On définit la largeur du site */
	text-align : left;      /* Reset de la position du texte à cause de IE */
	min-height : 100%;   /* Hauteur minimale de 100% */
	background-color:#FFFFFF;
}

#header
{
	height:95px;
	background-image: url(images/header.gif);
}

#separation
{
	height:20px;
	background-color:#999999;
}

#contenu
{
	height:520px;
}

#logo
{
	margin-top:25px;
	margin-left:15px;
	width:368px;
	height:102px;
	float:left;
	background-image:url(images/logo.gif);
}

#text-contenu
{
	float:left;
	margin-left:40px;
	margin-top:80px;
	width:512px;
	height:50px;
	font-size:22px;
	font-style:italic;
}

#contenu-image
{
	float:left;
	margin-top:80px;
	margin-left:120px;
	width:684px;
	height:255px;
	background-image:url(images/contenu-image.gif);
}

#adresse
{
	width:900px;
	height:200px;
	margin-left:30px;
	margin-top:30px;
}

#ville-gauche
{
	float:left;
	margin-right:40px;
	width:430px;
	height:200px;
}
#paris
{
	width:167px;
	height:28px;
	background-image:url(images/paris.gif);
}

#ville-droite
{
	float:left;
	width:430px;
	height:200px;
}

#nantes
{
	width:218px;
	height:28px;
	background-image:url(images/nantes.gif);
}

#contour
{
	margin-top:10px;
	width:424px;
	height:auto;
	border:solid 1px #e2007a;
}

#contour p
{
	display:block;
	margin-left:10px;
}

#contour a
{
	text-decoration:none;
	color:#e2007a;
}

#contour a:hover
{
	color: #333333;
}