html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #000;
background : #fff;/*#6EA325;*/
}


/* TITRES 
**************************************************************/

h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 15px;
color:#6EA325;
background :  url(images/hr.gif) left bottom repeat-x;
/*text-transform : uppercase ; */
}
 
h3 {
margin : 10px 0 0 0 ;
padding : 5px 0 0 0 ; 
font-size : 13.5px;
/*background :  url(images/hr.gif) left top repeat-x;*/
}
h3 a{
font-size : 13.5px;
font-weight : bold;
}

h4 {
margin : 10px 0 0 0 ;
padding : 0; 
font-size : 12px;
}
 
/* IMAGES 
**************************************************************/

img {
border: none;
}

.img_droite {
float : right; 
margin : 10px 0 10px 10px ; 
/*border : 1px solid #81D307*/
}

.img_gauche{
float:left;
margin : 2px 2px 2px 0;

}


/* LISTE
**************************************************************/

ul {
list-style : none ;
}

/* CONTENEUR GENERAL 
**********************************************/ 

#site {
background-color :#fff;
text-align : left;
width : 905px ; 
margin : 15px auto 0 auto; 
min-height: 100%;
border : 10px solid #81D307;
}

/* HEADER
**********************************************/ 

#header {
width : 875px ; 
height : 151px ;
margin : 15px auto 0 auto; 
background : url(images/header_900.jpg);
border-top : 1px solid #fff
}

#pub_top{
width : 800px ;
margin : 30px auto auto auto;
text-align:center;
}

/* MENU 
**************************************************/
#menu_test{float:left;width:100%;height:30px;}
.site-nav li{float:left;margin-right:1px;}
.site-nav a{display:block;height:30px;background:url(/images/nav-toggle.png) right 50% no-repeat;font-size:1.2em;font-weight:bold;color:#6EA325;line-height:30px;padding:0 30px 0 10px;text-transform:uppercase;position:relative;text-shadow:1px 1px 1px #000;}
.site-nav a:hover{color:#fff;background:#BCDF21 url(/images/nav-toggle-on.png) right 50% no-repeat;text-decoration:none;}
.site-nav a.on{color:#fff;background:#BCDF21 url(/images/nav-toggle-on.png) right 50% no-repeat;text-decoration:none;}
.level2{position:absolute;overflow:hidden;color:#4a4a4a;background:#fff;border:3px solid #BCDF21;padding:10px 0;}
.level2 h3{font-size:1.2em;color:#BCDF21;font-weight:bold;}
.level2 .group{float:left;border-left:1px solid #d2bfa6;padding:0 10px;}
.level2 .group:first-child{border-left:none;}
.level2 ul{padding:0 10px 0 0;float:left;}
.level2 li{margin-top:.5em;clear:both;}
.level2 a{display:inline;color:#4a4a4a;padding:0;text-shadow:none;text-transform:none;font-size:1em;line-height:1em;font-weight:normal;background:none;}
.level2 a:hover{cursor:pointer;background:none;color:#4a4a4a;text-decoration:underline;}
#menu {
text-align: left;
color :#fff ; 
font-size : 14px ; 
font-weight : bold;
margin : 134px 0 0 0; 
padding : 0; 
overflow : auto; 
text-align:center;
}


#menu li {
float : left ;
margin : 0 ;
padding : 0; 
background : url(images/ul.jpg) left bottom repeat-y;
}
  
#menu li a {
color : #fff ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;
}

#menu li:first-child {
background : none
}

#menu li a:hover {
color : #BCDF21; 
text-decoration : none
}

/* CONTENEUR DE LA SIDEBAR ET DU CONTENU
**********************************************/
 
#main {
width : 880px ;
margin-left : auto;
margin-right : auto;
text-align : left; 
overflow : auto ; 
}

/* SIDEBAR 
**********************************************/

#side {
float : left ;  
width : 160px;
text-align : left; 
margin-left : 5px ; 
margin-top : 20px ;
padding-bottom : 100px; 
}

#side ul {
margin : 0 0 20px 0;
padding : 0; 
width : 140px; 
}

#side li.name a {
color : #3B4033; 
text-decoration : none ; 
text-transform : uppercase ; 
font-weight : bold ; 
background :  url(images/hr.gif) left bottom repeat-x; 
display : block ;
padding : 0 0 10px 0; 
margin : 0 0 5px 0;  
}

#side a:hover {
color :#6EA325;
}

#side a {
color : #4B3D40; 
text-decoration : underline ;   
}

#side .box {
background-color :#6EA325;
color : #FFFFFF;
text-decoration : none;
text-transform : uppercase;
font-size : 13px;
font-weight : bold;
border-collapse : collapse;
}
#side .boxin{
background-color: #edfbd9;

}
#side .boxin td{
border : 2px solid #6EA325;
}

/* CONTENU 
**********************************************/

#contenu {
float:left;
width : 694px;
margin : 0 0 0 15px; 
padding : 20px 0 40px 0; 
}

#contenu a {
color : #5B782A; 
text-decoration : none ;
font-weight : bold;
}

#contenu a:hover {
color : #3B4033; 
text-decoration : underline;  
}

#contenu  #presentation {
/*height : 130px;  */
margin : 20px 0 20px 0;
}

#contenu table{
width : 100%;
float : left;
/*text-align:left;*/
white-space:normal;
margin-bottom:15px;
}


#contenu .prix {
color : #6EA325;
font-size : 13.5px;
font-weight : bold;
}

/*#contenu  img {
float : left ; 
margin : 0 10px 0 0; 
border : 1px solid #81D307
} */

#contenu  #presentation h1 {
float : left ;  
font-size : 17px;  
margin :0 0 10px 0;
padding : 0 0 10px 0; 
width : 694px;
/*text-transform : uppercase ;*/
color: #6EA325;
background :  url(images/hr.gif) left bottom repeat-x;
/*background-color: #DDDDDD;*/
}

#contenu  #presentation p {
margin : 0; padding : 0;
}

/*#contenu  #presentation img {
float : left ; 
margin : 0 10px 0 0; 
border : 1px solid #81D307
}*/

#contenu ul {
margin : 0;
padding : 0; 
}

#contenu #page{
text-align : center;
font-size: 15px;
}

#contenu tr td a .achat{
background-color:#81d307;
color:#FFFFFF;
font-weight:bold;
}
#contenu tr td a .achat:hover{
background-color:#FFFFFF;
color:#81d307;
}

.tableauxbord{border-bottom: 1px solid #81d307;}
.tableauxinput{border: 1px solid #81d307;}

.pboot {
margin : 10px 15px 0 0 ; 
padding : 0 ; 
text-indent : 10px ;   
background :  url(images/pboot.jpg) left top no-repeat;}

.reussite{
color:#149414;
font-size:11px;
font-weight:bold;
}
.erreur{
color:#DB1702;
font-size:11px;
}


/* FOOTER
**********************************************/ 
 
#footer {
width : 905px ; 
height : 40px ;
margin : 0 auto ;
padding : 10px 0 0 0;  
text-align : center ; 
color : #6EA325 ;
}

#footer a {
color : #6EA325 ; 
text-decoration : none; 
}

#footer a:hover {
color : #6EA100 ; 
text-decoration : underline; 
}

.tableimage {
width:130px;
text-align: center; 
}

.recap_prod{
background-color: #edfbd9;

}