/* Blocs principaux */
body {
    text-align: center;
    background: #E4E4E4 url("../../img/educatop/body-background.gif") top left repeat-x;
    margin:0;
    padding:0;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #4C4C4C;
    line-height: 16px;
}

font {
    font-size : 1em;
}


#page {
    margin: 0 auto 0 auto;
    width: 900px;
    background-color: #ffffff;
    text-align: left;
}

/* Tetiere */
#header {
    background: #FF6200 url("../../img/educatop/bg-header.gif") top left repeat-x;
    height: 70px;
    border-bottom: solid 1px white;
}
#logo{
    float: left;
    margin: 0 0 0 20px;
}

/* Colonnes */
#left-column {
    float: left;
    width: 560px;
    margin-left: 30px;
    display: inline;
    overflow: hidden;
}


#left-column ul#intro-site {
    float : left;
    width : 90%;
    padding : 0 0 0 27px;
    list-style-type : none;
    /*list-style-type : square !important;
    list-style-position : outside;*/
    /*list-style-image : url(../../img/educatop/swoosh.gif);*/
    margin : 0;
}

#intro-site li {
    float: left;
    padding : 0 .7em 0 1.6em;
    margin : 0;
    white-space : nowrap;
    background : url(../../img/educatop/swoosh.gif) bottom left no-repeat;
}

#left-column p {
    display : block;
    clear : both;
    padding: 2px 0 0 35px;
}

#left-column p img {
    float : left;
    margin : 0 .8em .8em 0;
}

#left-column p.texte {
    padding: 5px 0 0 0;
}

#right-column{
    float: left;
    width: 280px;
    margin-left: 20px;
    display: inline;

}
/* Pied de page */
#footer{
    float: left;
    margin: 30px 0 10px 0;
    background: #FCC890;
    text-align: center;
    font-size: 11px;
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
}

#footer p{
    margin: 5px 0;
    color: #461909;
}

#footer-menu{
    text-align: center;
    font-size: 10px;
    padding-bottom: 30px;
}

/* Panier */
#caddie{
    background: #FBAC00;
    width: 280px;
    padding: 0 ;
    margin: 10px 0;
}
#caddie p{
    margin: 0 10px 0 20px;
    font-size: 11px;
    color: black;
}
#caddie a{
    color: #AA1301;
}
.caddie-bottom{
    background: #F2E4D5 url("../../img/educatop/caddie-bottom.gif") bottom left no-repeat;
    height: 25px;
    float: left;
    width: 100%;
    margin: 0;
}
.caddie-row{
    clear: both;
    float: left;
    width: 280px;
    margin-bottom: 2px;

}
.caddie-title{
    float: left;
    width: 214px;
    padding: 2px 4px;
    background: #FEF365;
    font-size: 11px;
    font-weight: bold;
}
.caddie-books{
    float: left;
    background: #FEF365;
    border-left: solid 2px #FBAC00;
    width: 48px;
    padding: 2px 4px;
    font-size: 11px;
    color: #FD5811;
    font-weight: bold;
}
.caddie-button{
    margin: 10px 0 0 15px;

}

/* Produits page d'accueil */
#products{
    margin-left: -20px;
    float: left;
    display: inline;
}

#products div{
    float: left;
    width: 220px;
    margin-left: 50px;
    margin-top: 2px;
    display: inline;
    overflow : hidden;
    /*padding-right: 50px;*/
}
#products div img{
    float: left;
    margin-right: 5px;
    display: inline;
}


#products h2 {
    width : 97%;
}

#products h3 {
    padding-right: 0px;
}

.price{
    font-weight: bold;
    color: gray;
    font-size: 11px;
}
#products li{
    float: none;
    font-size: 11px;
    line-height: 13px;
}



/* Encarts colonne droite */
.panel{
    float: left;
    margin: 10px 0;
    background: #F2E4D5 url("../../img/educatop/corner-top-panel.gif") top left no-repeat;
    padding:  0 ;
}
.panel h4{
    padding: 15px 15px 0 15px;
}
.panel p{
    padding: 0 15px;
}


.panel-bottom{
    background: #F2E4D5 url("../../img/educatop/corner-bottom-panel.gif") bottom left no-repeat;
    height: 25px;
    float: left;
    width: 100%;
}
.border{
    border: solid 2px white;
}
.author{
    background: #EBCFB3;
    margin-top: 10px;
    padding: 6px 0;
}



.author img{
    margin: 8px 8px 0 10px;
    float: left;
}
.white-panel{
    float: left;
    padding: 15px;
}

/* Panorama */
#panorama {
  position:relative;
  height:180px
}

.panorama-content {
  position:absolute;
}