/************************ MARIE **************************************/

body {
	font-family:Georgia, "DejaVu Serif", Norasi, serif;
	background-color:#003366;
	background-image:url(../elements-du-site/fond.png);
	background-repeat:no-repeat;
	background-position:top;
	font-size:1em;
	color:#FFF;
}

.affiche {
	display:block;
	position:absolute;
	left:800px;
	top:350px;
	background-image: url(../elements-du-site/affiche-atelier-art-de-france.png);
	background-repeat: no-repeat;
	height:227px;
	width:168px;
}

/*******************************************************************/
/****************************** DIVERS ******************************/

#construction {
	display:block;
	position:absolute;
	left:400px;
	top:170px;
	font-size:1.5em;
	color:#F00;
}

/*******************************************************************/
/****************************** MENU ******************************/

.menu-index {margin-left:400px;}


/********** BOUTONS ************/

/***** PRESENTATION *****/

a.bouton-presentation {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-presentation-01.png);
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	top:200px;
	text-decoration:none;
}

a.bouton-presentation:hover {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-presentation-02.png);
	cursor:pointer;
}



/***** MES COLLECTIONS *****/

a.bouton-mes-collections {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-mes-collections-01.png);
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	top:270px;
	text-decoration:none;
}

a.bouton-mes-collections:hover {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-mes-collections-02.png);
	cursor:pointer;
}

/***** ME TROUVER *****/

a.bouton-me-trouver {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-me-trouver-01.png);
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	top:350px;
	text-decoration:none;
}

a.bouton-me-trouver:hover {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-me-trouver-02.png);
	cursor:pointer;
}

/***** CONTACT *****/

a.bouton-contact {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-contact-01.png);
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	top:430px;
	text-decoration:none;
}

a.bouton-contact:hover {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-contact-02.png);
	cursor:pointer;
}

/***** COMMANDER *****/

a.bouton-commander {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-commander-01.png);
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	top:500px;
	text-decoration:none;
}

a.bouton-commander:hover {
	width:354px;
	height:56px;
	background:url(../elements-du-site/accueil/bouton-commander-02.png);
	cursor:pointer;
}

/********************************************************/
/********** PIED DE PAGE - LOGOS XITI et 1AND1 **********/

.pied-de-page {
	/*background-color:#fff;*/
	display:block;
	position:absolute;
	margin-left:15px; /* Distance exterieure gauche */
	margin-top:600px; /* Distance exterieure haut */
	height:auto; /* Hauteur */
	width:500px; /* Largeur */
	padding:5px;
}

.xiti {
	display:block;
	margin-left:180px;
	margin-top:650px;
}

.oneandone {
	display:block;
	margin-left:145px;
	margin-top:1px;
}