body, html {
    margin:0;
    padding:0;
    background: #FFFEDF url("images/background.jpg") no-repeat scroll center top;
    margin-left:auto;
    margin-right:auto;
    overflow-x:hidden;
    overflow-y:auto;
    width:964px;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
}
/* Les class */
div.zone {
    background-color:#FDFBE4;
    border:1px solid #C5D493;
    height:238px;
    margin-top:40px;
    padding:20px 10px 10px;
}
div.etiquette {
    background-color:#FDFBE4;
    border:1px solid #C5D493;
    float:left;
    font-weight:bold;
    height:20px;
    margin-left:200px;
    margin-top:-35px;
    padding:2px;
    position:absolute;
    width:100px;
}
div.rnews {
    background-color:white;
    border:1px solid #C5D493;
    height:68px;
    margin-left: 200px;
    margin-bottom:10px;
    width:636px;

}
div.pnews {
    background-color:#e9f2f7;
    border:1px solid #C5D493;
    height:56px;
    width:624px;
    overflow: hidden;
    margin:3px;
    padding:2px;
    font-size: smaller;
}
div.pnews a{
    color:black;
    text-decoration: none;
}
div.pnews a:visited{
    color:black;
    text-decoration: none;
}
div.pnewsdetail {
    margin:3px;
    margin-left:200px;
    padding:3px;
    font-size: smaller;
    width:636px;
}
div.newsdetail {
    overflow: hidden;
    margin:3px;
    margin-left:200px;
    padding:3px;
    font-size: smaller;
    width:636px;
}
div.menus_lien {
    display:inline;
    margin-right:15px;
    font-weight:bold;
}
div.menus_lien a{
    color:#4c6915;
    text-decoration: none;
}
div.menu_section {
    text-align: center;
}
div.menu_section a{
    color:#4c6915;
    text-decoration: none;
    font-size:smaller;
}
div.sec_menus_lien{
    margin-bottom:5px;
}
div.sec_menus_lien a{
    color:black;
    text-decoration: none;
    font-size: x-small;
}
div.cat {
    width:279px;
    float:left;
    
}

div.menus_lien_bas {
    display:inline;
    margin-right: 5px;
}
div.sec_menus_lien_bas {
    display:inline;
    margin-right: 5px;
}

/* Les divs */
#header {
    display: block;
}
#container {
    margin:auto;
    width:964px;
}
#login {
    background-image:url("images/login.jpg");
    background-repeat:no-repeat;
    height:121px;
    margin:auto;
    width:964px;
}
#head {
    background-image:url("images/head.jpg");
    background-repeat:no-repeat;
    height:188px;
    margin:auto;
    width:964px;
}
#log_vf {
	padding: 0px 10px 5px 10px;
	font-size: 11px;
	color: black;
	font-weight: normal;
        margin-left: 10px;
        width: 500px;
        float:left;
	height:60px;

}

#log_vf form{
	margin-top: 25px;
	width:250px;
	float: left;
}

#log_vf input[type=text] {
	font-family: "Verdana", sans-serif;
	font-size: 9px;
	color:#355572;
	vertical-align:middle;
	background: #FFFFFF;
	width: 90px;
	height:12px;
	border-color: #000000;
	border-width: 1px;
	border-bottom-color: #000000;
	border-right-color: #000000;
	padding-left: 2px;
}
#log_vf input[type=password]{
	font-family: "Verdana", sans-serif;
	font-size: 9px;
	color:#355572;
	vertical-align:middle;
	background: #FFFFFF;
	width: 90px;
	height:12px;
	border-color: #000000;
	border-width: 1px;
	border-bottom-color: #000000;
	border-right-color: #000000;
	padding-left: 2px;
}
#log_vf input[type=submit]{
	border-width:1px;
	border-color:black;
	border-style:solid;
        font-size:9px;
        height:17px;
        vertical-align: bottom;
}
#fleche {
    float: left;
    margin-top: 27px;
    margin-left: -20px;
}
#log_vf a{
    color: black;
    margin-left: 25px;
    margin-top: 29px;
    font-weight: bold;
    font-size:10px;
    float:left;
}
#connected {
    float: left;
    width:200px;
    margin-top:29px;
}
#logout {
    float: left;
    width: 220px;

}
#grossiste {
    float: left;
    position: absolute;
    color:black;
    font-weight: bold;
    font-size: 10px;
    margin-top:30px;
    margin-left: 525px;
}
#grossiste a{
    margin-left: 0px;
    margin-top: 0px;
    text-decoration: none;
}
#particulier {
    float: left;
    text-decoration: none;
    margin-top:30px;
    margin-left: 3px;
}
#log_ael {
    width: 335px;
    float: right;
    font-size: 10px;
}
#log_ael a{
    color: black;
    margin-left: 40px;
    font-weight: bold;
}


#menu {
    float:left;
    margin-left:150px;
    margin-top:141px;
    display:inline;
    width:400px;
}

#sec_menu {
    background-image:url("images/etiquette.png");
    background-repeat:no-repeat;
    height:90px;
    width:104px;
    float:right;
    margin-top:-40px;
    margin-right:35px;
    margin-left:820px;
    padding-top:90px;
    padding-top:80px !important;
    padding-left:5px;
    position: absolute;
}

#center_back {
    background-image:url("images/ombrage.jpg");
    margin:auto;
    width:964px;
}
#center {
    background-image:url("images/degrader.jpg");
    background-repeat:no-repeat;
    margin:auto;
    width:964px;
}
#content {
    margin:auto;
    width:860px;
}
#welcome {
    padding-top:20px;
}
#btretour {
    margin-left: 200px;
    font-size: 11px;
}
#text {
    min-height:476px;
    padding-top:20px;
}
#products {
    font-size: 9px;

}
#allproducts {
    font-size: 12px;
    font-weight:bold;
    text-align:center;
}
#productslist {
    font-size: 10px;
    text-align: left;
    width:860px;
    border: 0px solid #000;
}
#footer {
    clear:both;
    background-image:url("images/footer.jpg");
    background-repeat:no-repeat;
    margin:auto;
    height:236px;
    width:964px;
    text-align: center;
}
#copyright {
    padding-top: 87px;
    padding-bottom: 28px;
}


/* les images */
#fleche {
    position:relative;
    left:30px;
    top: 3px;
}
#ael {
    position:relative;
    top:20px;
    border-style: none;
    left:5px;
}
#logo {
    position:relative;
    left:60px;
    width:158px;
    float:left;
    z-index:1;
    margin-left: 17px;
    margin-top: -2px;
}
img.newsPhoto {
    float:left;
    position:absolute;
    border-style:solid;
    border-color:white;
    border-width:3px;
    border-bottom-color:grey;
    border-bottom-width:3px;
    border-right-color:grey;
    border-right-width:3px;     
}