/*TOTAL*/

div#total {
width:1000px;
background-color:#a0c216;
margin: 0 auto;
overflow: hidden;
}


/*HEADER*/
div#haut {
width:1000px;
height:180px;
}

div#logo {
background: url(images/logo-frog.jpg) no-repeat top left;
float:left;
width:1000px;
height:161px;
}



/*FIN HEADER*/

/*COLONNE GAUCHE*/
div#gauche {
float:left;
width:219px;
min-height:600px;
}

div#frog {
float:left;
width:219px;
height:55px;
}

div#gauche div.tetiere{
float:left;
width:219px;
height:35px;
padding-top:10px;
}

div#gauche div.tetiere span#pub{
font-size:16px;
font-weight:bold;
color:#ffffff;
padding:0px 0px 0px 25px;
}

div#gauche div.tetiere a{
display: block;
width : 80%;
font-size:16px;
text-align : center;
font-weight:bold;
color:#ffffff;
padding:2px 2px 2px 2px;
margin-bottom : 2px;
line-height: 24px;
background-color: #333333;
}
div#gauche div.tetiere a:hover{
text-decoration : none;
background-color:#8fae13;

}

div#gauche .espace{
float:left;
width:219px;
height:20px;
}

div#gauche .espace2{
float:left;
width:219px;
height:170px;
}

div#gauche div.tetiere-cat{
float:left;
width:219px;
height:35px;
background: url(images/tetiere-prod.png) no-repeat top center;

}
div#gauche div.tetiere-cat a{
font-size:18px;
font-weight:bold;
color:#a0c216;
padding-left:46px;
font-family:Tahoma, "Trebuchet MS";
}

div#gauche div#contenu-cat{
float:left;
width:185px; 
min-height:150px;
margin:0px 0px 0px 2px;
}

div#gauche div#contenu-cat ul{
margin: 0px 0 4px 4px;
padding: 0;
}

div#gauche div#contenu-cat ul li{
list-style-type: none;
padding: 4px 0 0 0;
}
div#gauche div#contenu-cat ul li a{
font-size:15px;
line-height : 24px;
font-weight:bold;
color:#333333;
text-decoration:none;
list-style:circle;
padding-left:8px;
margin-top: 6px;
padding-bottom: 4px;
border-bottom: 1px solid #7e9715;
}
div#gauche div#contenu-cat ul li a:hover{
font-size:15px;
font-weight:bold;
color:#ffffff;
text-decoration:none;

}

div#gauche div.tetiere-contact{
float:left;
width:219px;
height:35px;
padding-top:10px;
}
div#gauche div.tetiere-contact a{
font-size:16px;
font-weight:bold;
color:#333333;
padding:0px 0px 0px 25px;
}

/*FIN COLONNE GAUCHE*/

/*COLONNE CENTRE*/
div#centre {
float:left;
width:562px;
}

div#centre div#contenu_html{
float:left;
width:562px;
}

div#centre div#contenu_centre{
float:left;
width:562px;
padding-bottom:10px;
}

div#centre div#contenu_centre h2{
color:#333333;
font-size:28px;
font-weight:bold;
}

div#centre div#contenu_centre h1{
color:#333333;
font-size:14px;
font-weight:bold;
}
/*FIN COLONNE CENTRE*/

/*COLONNE DROITE*/
div#droite {
float:left;
width:219px;
}

div#frog2 {
float:left;
width:219px;
height:32px;
background: url(images/frog2.jpg) no-repeat top center;
}

div#droite div.tetiere{
float:left;
width:219px;
height:35px;
padding-top:10px;
}
div#droite div.tetiere a{
display: block;
width : 100%;
font-size:14px;
text-align : center;
font-weight:bold;
color:#ffffff;
padding:2px 2px 2px 2px;
margin-bottom : 2px;
line-height: 20px;
background-color: #8fae13;
}
div#droite div.tetiere a:hover{
text-decoration : none;
background-color:#333333;

}
}

div#droite .espace{
float:left;
width:219px;
height:20px;
}

div#droite .espace2{
float:left;
width:219px;
height:85px;
}

div#droite div#contenu-panier{
width:185px; 
min-height:100px;
background-color:#8fae13;
padding : 4px;
color:#ffffff
}

div#droite div#pub{
float:left;
width:150px;
padding-left:20px;
}
/*FIN COLONNE DROITE*/

/*FOOTER*/
div#bas {
float:left;
width:1000px;
height:50px;
}

div#bas ul {
padding-top: 2px;
text-align: center;
}

div#bas ul li{
background: none;
border-left: 1px solid #fff;
display: inline;
list-style-type: none;
padding: 0 6px;
}

div#bas  ul li.first {
border-left: none;
}
div#bas  a {
color: #fff;
}
/*FIN FOOTER*/

/*FIN TOTAL*/