*{
    /*---toutes les marges sont à 0---*/
    margin:0;
    padding:0;
}

/* div { border:1px solid blue; } */

body,html{
    height:100%;/*---obligatoire pour le footer---*/
    scrollbar-base-color: #fff;
}

body{
    color: #000000;
    padding: 0 0 30em 0;
    margin: 0px 0px 20px 1em;

    font-family: arial, Helvetica, sans-serif;
    text-align: left; /* Mettre au centre du conteneur */
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;

    background-color: #ffffff;
    background-position: 100% 4em;
    background-repeat: no-repeat;
    background-attachment: fixed;
    // background:#e5e5e5 url(../images/confodis/charte/bg-body.jpg) repeat-x scroll left top;
    background:url(/images/confodis/charte/bg-container.jpg) repeat-x scroll left top;
}

p {
    font-size: 9px;
}

#container{
    position: relative;/*---obligatoire pour le footer---*/
    min-height:100%; /*---obligatoire pour le footer:Firefox---*/
    height:auto !important;/*---obligatoire pour le footer:Firefox---*/
    height:100%; /*---obligatoire pour le footer:IE---*/
    width:1020px;
    margin:0 auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background:url(/images/confodis/charte/bg-container.jpg) repeat-x scroll left top;
}

.containerTexte{
    text-align:center;
    margin-right:30px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-style:normal;
    font-weight:bold;
    color:#ffffff;
    padding-top:7px;
}

#entete{
    position: relative;
    top:8px;
    min-width:960px;
    width:expression(document.body.clientWidth > 960 ? "960px" : "960px" ); /*IE.. CSS hack*/
    height:193px;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    background:url(/images/confodis/charte/bg-entete.png) no-repeat scroll left top;
}

#logoConfodisFaac{
    position: relative;
    text-align: center;
    top:16px;
    right:120px;
    width:240px;
    height:80px;
    background:url(/images/confodis/charte/logoConfodisFaac.png) no-repeat scroll left top;
}

#magasin{
    position: relative;
    top:6px;
    left:120px;
    width:220px;
    height:80px;
    font-size: 14px;
    text-align:left;
    font-style:normal;
    font-weight:bold;
}

#magasin p{
font-size: 12px;
}

#commande{
    position: relative;
    top:6px;
    left:140px;
    width:205px;
    height:181px;
    font-size:12px;
    font-style:normal;
    font-weight:bold;
    color:#ffffff;
    padding-top:9px;
    background:url(/images/confodis/charte/bg-commande.jpg) no-repeat scroll left top;
}

#commande p{
font-size: 12px;
}

#panier{
    position: relative;
    top:40px;
    left:-5px;
    width:140px;
    height:30px;
 }

#compte{
    position: relative;
    top:50px;
    left:8px;
    width:140px;
    height:30px;
}
#panier p, #compte p{
    font-size: 12px;
    line-height:1.2em;
    text-align:left;
    font-weight:bold;
    color: #000066;
}
#compte a:link, #compte a:visited{
    font-weight:bold;
    text-decoration:none;
    color: #000066;
}
#compte a:hover, #compte a:active{
    font-weight:bold;
    text-decoration:none;
    color: #339933;
}
#panier a:link, #panier a:visited{
    font-weight:bold;
    text-decoration:none;
    color: #000066;
}
#panier a:hover, #panier a:active{
    font-weight:bold;
    text-decoration:none;
    color: #339933;

}
/*---Fin E commerce---*/

#bandeauEntete{
    position: absolute;
    top:92px;
    left:8px;
    width:741px;
    height:99px;
    background:url(../images/confodis/charte/bandeauEntete.gif) no-repeat scroll left top;
}

#corpsDessus{
    position: relative;
    top:15px;
    min-width:960px;
    width:expression(document.body.clientWidth > 960 ? "960px" : "960px" ); /*IE.. CSS hack*/
    height:10px;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    background:url(/images/confodis/charte/bg-corps-dessus.png) no-repeat scroll left top;
}

#corps{
    position: relative;
    min-width:960px;
    width:expression(document.body.clientWidth > 960 ? "960px" : "960px" ); /*IE.. CSS hack*/
    top:15px;
    width: 83%;
    min-height:100%;  /*---obligatoire pour le footer:Firefox---*/
    height:auto !important;/*---obligatoire pour le footer:Firefox---*/
    height:100%; /*---obligatoire pour le footer:IE---*/
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background:url(/images/confodis/charte/bg-corps.jpg) repeat-y scroll left top;
}

#colonneGauche{
    width:188px;
    margin-left: auto;
    margin-right: auto;
}

#recherche{
    position:relative;
    right:3px;
    width:188px;
    height:35px;
    text-align: center;
    background:url(/images/confodis/charte/bg-recherche.jpg) no-repeat scroll left top;
}

#rechercheForm{
    position:relative;
    right:10px;
    top:5px;
}

#menu{
    position:relative;
    top:0px;
    right:3px;
    width:188px;
    height:211px;
    background:url(/images/confodis/charte/bg-menu.jpg) no-repeat scroll left top;
}

#ddsidemenubar{
    position:relative;
    top:60px;
    left:5px;
}

#corpsCentre{
    position:relative;
    width:610px;
    min-height:100%;  /*---obligatoire pour le footer:Firefox---*/
    height:auto !important;/*---obligatoire pour le footer:Firefox---*/
    height:100%; /*---obligatoire pour le footer:IE---*/
    margin-left: auto;
    margin-right: auto;
}

#corpsCentreSansPub{
    position:relative;
    width:740px;
    min-height:100%;  /*---obligatoire pour le footer:Firefox---*/
    height:auto !important;/*---obligatoire pour le footer:Firefox---*/
    height:100%; /*---obligatoire pour le footer:IE---*/
    margin-left: auto;
    margin-right: auto;
}

#colonneDroit{
    position:relative;
    width:130px;
    height:300px;
    margin-left: auto;
    margin-right: auto;
}

#corpsDessous{
    position: relative;
    min-width:960px;
    width:expression(document.body.clientWidth > 960 ? "960px" : "960px" ); /*IE.. CSS hack*/
    top:15px;
    height:30px;
    width: 83%;
    margin-up:10px;
    margin-left: auto;
    margin-right: auto;
    background:url(/images/confodis/charte/bg-corps-dessous.png) repeat-y scroll left top;
}

#corpsDessous p{
font-size: 11px;
}

#search_keywords
{
    position:relative;
    left:9px;
    font-size:12px;
}