﻿*{margin:0; padding:0;} 
html, body {height: 100%;}
body{background-color:#637422; color:#000; font-family:georgia;}

i{font-size:12px; margin:10px 0 5px 0;}
p{font-size:13px; margin:10px 0 5px 0;}
h1{margin:0 0 10px 0; color:#637422;}
a:active, a:visited, a:link{
color:#000;
text-decoration:none;
font-size:13px;
}
a:hover{
color:#000;
text-decoration:underline;
font-size:13px;
}

#liens li{ 
list-style-type:none;
background:transparent url(../images/pucestar.png) no-repeat 0 3px;
padding-left:20px;
margin:5px 0 0 -10px;}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 10px 0 0 40px;
padding: 0;
text-align: left; /*Set to “right” to right align pagination interface*/
font-size: 13px;
list-style:none;
}

.pagination li{
display: inline;
padding-bottom: 1px;
margin-right:5px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #637422;
text-decoration: none;
color: #000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #637422;
color: #000;
background-color: #637422;
}

#wrap{
width:1024px;
min-height: 100%;
margin:0 auto;
background-color:#b1c903; 
border-left:3px solid #000;
border-right:3px solid #000;
}
#header{
background:#b1c903 url(../images/header.jpg) top left no-repeat;
width:1024px;
height:209px;
}
#produits{
float:left;
width:250px;
margin:15px;
}
#produits table{
border:2px dashed #637422;
margin:0 0 10px 0;
}
#edito{
float:left;
width:450px;
margin:15px;
}
#news img{
margin:0 7px 0 0;
}
#news table{
border-bottom:2px dashed #637422;
margin:0 0 10px 0;
}
#liens{
float:right;
width:200px;
margin:15px 30px 15px 15px;
}
#contact{
width:200px;
margin:20px 0 10px 0;

}
#contact table{

}

#contact input[type=text]{
width:190px;
height:20px;
background:#b1c903;
color:#000;
border:2px dashed #637422;
padding:3px 0 0 10px;
}
#contact input[type=text]:hover{
background:#b1c903;
color:#000;
border:2px dashed #637422;
}
#contact input[type=text]:focus{
background:#b1c903;
color:#000;
border:2px dashed #637422;
}
#contact textarea{
border:0;
width:200px;
background:#b1c903;
color:#000;
border:2px dashed #637422;
}
#contact  textarea:hover{
background:#b1c903;
color:#000;
border:2px dashed #637422;
}
#contact  textarea:focus{
background:#b1c903;
color:#000;
border:2px dashed #637422;
}
#contact input[type=submit]{
background:#b1c903;
color:#000;
border:2px dashed #637422;
width:60px;
height:25px;
float:right;
cursor:pointer;

}
#contact input[type=submit]:hover{
background:#637422;
color:#000;
border:2px dashed #637422;
}

#main{overflow:auto;
	padding-bottom: 30px;}
	
#footer{
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	background-color:#000;
}
	
 #footer2{
	position:absolute;
	width:100%;
	height:10px;
	text-align:center;
	top:2px;

	} 	
 #footer2 a, #footer2 p{
	color:#FFFFFF;
	font-size:10px;
 }

