*{
padding:0;
margin:0;
}

html {
		height: 100%;
	}
body{
		height: 100%;
		margin: 0;
		padding: 0;
	}
	#page-table {
		height: 100%;
		width: 100%;
		border-collapse: collapse;
		text-align: center;
	}
	#page-td {
		height: 100%;
		padding: 0;
		vertical-align: middle;
	}
	div#global {
		width: 1000px;
		margin: 20px auto;
		text-align: left;
	}

.contenu{
width:1000px;
height:450px;
background-color:#bfb5a0;
}

.contenu-contact{
width:1000px;
height:450px;
background-image:url(../img/fond-contact.jpg);
}
.contenu-jardin{
width:1000px;
height:450px;
background-color:#fbeefc;
}





.titre-actu{
background-image:url(../img/titre-actu.gif);
width:96px;
height:391px;
margin-top: 35px;
float:left;
}


.upload {
	float:right;
	width:380px;
	height:30px;
	margin:10px 46px 0px 0px;
	background-color:white;
	}
.contenu-actu{
width:1000px;
height:490px;
background-color:#611061;
}
.contenu-actu li{
	list-style-type:none;
	}
.centre{
background-color:#ffffff;
width: 380px;
height:420px;
float:left;
margin-top: 25px;
margin-left:25px;
border:1px solid #000000;
overflow:auto;
padding:10px;
}

.droite{
width:400px;
height:440px;
float:left;

}



.actu{
width:360px;
height:245px;
background-color:#ffffff;
border:1px solid #000000;
margin-top:22px;
margin-left:50px;
padding:10px;
overflow:auto;

}
p {
font-size:12px;
color:gray;
font-family:Trebuchet MS;
text-align:left;
margin:5px;
text-align:justify;
}


h1{
font-size:18px;
color:#631546;
font-family:Trebuchet MS;
text-align:center;
clear:both;
margin-top:10px;
margin-right:10px;
}

h2{
font-size:18px;
color:#631546;
font-family:Trebuchet MS;
text-align:right;
clear:both;
margin-top:10px;
margin-right:10px;
}


h3{
font-size:18px;
color:#631546;
font-family:Trebuchet MS;
text-align:center;
clear:both;
margin-top:10px;

}

h6 {
font-size:12px;
color:#631546;
font-family:Trebuchet MS;
text-align:right;
clear:both;
margin-top:5px;
margin-right:10px;
}
.centre p{ 
font-size:12px;
color:gray;
font-family:Trebuchet MS;
text-align:left;
margin:5px;
}

.actu p{
font-size:12px;
color:gray;
font-family:Trebuchet MS;
margin:5px;
width: 350px;
text-align:justify;
}


.produit{
width: 380px;
height:150px;
background-color:#ffffff;
border:1px solid #000000;
margin-top:25px;
margin-left:50px;
overflow:auto;
}
.produit p {
font-size:12px;
color:#631546;
font-family:Trebuchet MS;
float:left;
width:210px;
padding:5px;
text-align:justify;
margin-top: 10px;
margin-left: 10px;
}
.produit h2{
width:360px;
clear:both;
font-size:14px;
margin:8px 180px 0px 10px;
text-align:center;
}

.produit img{
float:left;
width:100px;
height:100px;
margin-left: 20px;
margin-top: 10px;
}

.produitForm{
width: 380px;
height:150px;
background-color:#ffffff;
border:1px solid #631546;
margin-left:50px;
margin-top:10px;
}
.produitForm p {
font-size:12px;
color:#631546;
font-family:Trebuchet MS;
float:left;
width:210px;
padding:5px;
}
.produitForm h2{
width:360px;
clear:both;
float:right;
font-size:14px;
margin:3px 10px 0px 10px;
}
/******************** FORMULAIRE ADMIN ****/

input {
	float:right;
	margin:3px 10px 0px 0px;
	height:22px;
	color:gray;
	font-family:trebuchet MS;
	padding:0px 5px 0px 5px;
	}
textarea {
	float:right;
	margin:3px 10px 0px 0px;
	color:gray;
	font-size:12px;
	font-family:trebuchet MS;
	padding:0px 5px 0px 5px;
	}

.centre input {width:350px;font-size:16px;}
.centre textarea {	width:350px;height:330px;}

.produitForm input {width:350px;}
.actu input {font-size:16px; width:330px;}
.produitForm textarea {width:350px; height:60px;}
.actu textarea {width:330px;height:180px;}

.upload input{float:left;position:absolute;}
.envoi{margin-left:230px;width:150px;}

.valid {
	width:1000px;
	height:40px;
	background-color:#631546;
	}
.valid input {
	float:right;
	height:25px;
	margin-right:50px;
	}

.fond-epf{
background-color:#460A30;
width:1000px;
height: 400px;
margin-top:25px;
position:absolute;
}

.animation{
	position:absolute;
}

.fond-espf{
background-color:#052233;
width:1000px;
height: 400px;
margin-top:25px;
position:absolute;
}

.fond-epm{
background-color:#B25016;
width:1000px;
height: 400px;
margin-top:25px;
position:absolute;
}

.fond-jardin{
background-image:url(../img/fond-jardin.jpg);
width:1000px;
height: 400px;
position:absolute;
}

.carte{
width:500px;
height:300px;
margin-top: 80px;
margin-left: 60px;
float:left;
color:white;
font-family: Verdana;
text-align: center;
font-size: 15px;
line-height: 35px;
}

.titre-jardin{
background-image:url(../img/titre-jardin.gif);
width:274px;
height:51px;
margin-top: 45px;
margin-left: 80px;
}

.texte-jardin{
text-align:justify;
color:white;
font-family:Verdana;
margin-top: 40px;
font-size:13px;
line-height:27px;

}

.ban{
background-image:url(../img/ban.gif);
width:1000px;
height:104px;
}

.header{
margin-right:auto;
margin-left:auto;
}

.footer{
margin-right:auto;
margin-left:auto;
}

.formulaire{
width: 500px;
float:left;
margin-top: 50px;
font-family:Verdana;
font-size: 12px;
color: #631545;
margin-left: 20px;
}

.coordonnees{
background-image:url(../img/coordonnees.jpg);
width:281px;
height:171px;
float:left;
margin-top: 100px;
margin-left:50px;
}

.logo{
text-align:center;
margin-top: 250px;
}

.logo,p{
padding-top:20px;
color:#ffffff;
font-family:Verdana;
}


.admin {
		margin-right:0px; 
		float:right;
		}
.admin a {
	color:#b2ad90;
	}

