html, body {
	height: 100%;
	margin:0;
	padding:0;
	background-color:#E7E6C1;
}

a img { border:none; }

div#global {
	width:1012px;
	margin: 0 auto;
	height:850px;
}

div#partie-gauche {
	float:left;
	background-image:url(../img/fond-gauche.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:563px;
	height:850px;
	margin:0;
}

div#partie-droite {
	float:right;
	background-image:url(../img/fond-droit.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:449px;
	height:850px;
}

/***************************************************************************
 * PARTIE GAUCHE
 ***************************************************************************/

div#logo-accueil-fleurs {
	float:right;
	margin-top:50px;
	margin-right:40px;
}

div#mosaique {
	width:366px;
	height:365px;
	margin-top:14px;
	margin-left:125px;
}

#mosaique1 a {
	position:absolute;
	display:block;
	width:122px;
	height:121px;
	background-image:url(../img/mosaique1.png);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	color:#84983D;
	text-decoration:none;
}

#mosaique1 a:hover {
	width:244px;
	background-image:url(../img/mosaique1.png);
	background-repeat:no-repeat;
	background-position:left;
}

#mosaique2 a {
	position:absolute;
	margin-left:244px;
	display:block;
	width:122px;
	height:121px;
	background-image:url(../img/mosaique2.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
}

#mosaique2 a:hover {
	height:242px;
	background-image:url(../img/mosaique2.png);
	background-repeat:no-repeat;
	background-position:top;
}

#mosaique3 a {
	position:absolute;
	margin-left:122px;
	margin-top:121px;
	display:block;
	width:122px;
	height:122px;
	background-image:url(../img/mosaique3.png);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	color:#84983D;
	text-decoration:none;
}

#mosaique3 a:hover {
	width:244px;
	background-image:url(../img/mosaique3.png);
	background-repeat:no-repeat;
	background-position:left;
}

#mosaique4 a {
	position:absolute;
	margin-top:244px;
	display:block;
	width:122px;
	height:122px;
	background-image:url(../img/mosaique4.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:right;
	color:#84983D;
	text-decoration:none;
}

#mosaique4 a:hover {
	height:244px;
	margin-top:122px;
	background-image:url(../img/mosaique4.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#mosaique5 a {
	position:absolute;
	margin-left:244px;
	margin-top:244px;
	display:block;
	width:122px;
	height:122px;
	background-image:url(../img/mosaique5.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align:right;
	color:#84983D;
	text-decoration:none;
}

#mosaique5 a:hover {
	width:244px;
	margin-left:122px;
	background-image:url(../img/mosaique5.png);
	background-repeat:no-repeat;
	background-position:right;
}

#mosaique-phrase {
	margin-left:190px;
	margin-top:290px;
}

/***************************************************************************
 * PARTIE DROITE
 ***************************************************************************/

div#lien-jardins a{
	float:right;
	margin-right:50px;
	display:block;
	background-image:url(../img/lien-jardins.gif);
	background-repeat:no-repeat;
	width:254px;
	height:24px;
	text-decoration:none;
}

div#lien-jardins a:hover{
	background-image:url(../img/lien-jardins-hover.gif);
	background-repeat:no-repeat;
}

#menu-accueil-fleurs {
    width:100%;
	margin-top:50px;
    line-height:normal;
}

#menu-accueil-fleurs ul {
    margin:0;
    padding:0;
    list-style:none;
}

#menu-accueil-fleurs li {
    float:left;
    margin:0;
    padding:0;
	margin-left:5px;
}
#menu-accueil-fleurs a {
    display:block;
	padding-top:3px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:10px;
}

#menu-accueil-fleurs #actus a {
	background-image:url("../img/menu-actus-norm.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#menu-accueil-fleurs #actus a:hover{
	background-image:url("../img/menu-actus-hover.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#menu-accueil-fleurs #actus-current a {
	background-image:url("../img/menu-actus-current.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#menu-accueil-fleurs #plante-mois a {
	background-image:url("../img/menu-plantemois-norm.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#menu-accueil-fleurs #plante-mois a:hover{
	background-image:url("../img/menu-plantemois-hover.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#menu-accueil-fleurs #plante-mois-current a {
	background-image:url("../img/menu-plantemois-current.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}
#menu-accueil-fleurs #coup-coeur a {
	background-image:url("../img/menu-coupcoeur-norm.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#menu-accueil-fleurs #coup-coeur a:hover{
	background-image:url("../img/menu-coupcoeur-hover.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#menu-accueil-fleurs #coup-coeur-current a {
	background-image:url("../img/menu-coupcoeur-current.jpg");
	background-repeat:no-repeat;
	background-position: right top;
}

#texte-actu {
	padding-left:30px;
	padding-top:10px;
}
#accroche {
	margin-top:443px;
	margin-left:60px;
}

#menu-bas-accueil-fleurs {
	position:absolute;
    width:1012px;
	top:740px;
    line-height:normal;
	padding-left:60px;
}

#menu-bas-accueil-fleurs ul {
    margin:0;
    padding:0;
    list-style:none;
}

#menu-bas-accueil-fleurs li {
    float:left;
    margin:0;
	padding-right:15px;
	margin-left:5px;
}

#footer {
	position:absolute;
	top:780px;
	width:1012px;
	text-align:center;
}