body , html
{
        margin : 0px 0px 0px 0px;
        height:100%;
        background: scroll #EDEDED url(images/charte/bg-body.jpg) left top repeat;
        scrollbar-base-color: #fff;
}
.machine{
background: scroll url(images/charte/lave-linge.jpg) right bottom no-repeat;
}
.idep{
background: scroll url(images/charte/droite-haut.jpg) left top no-repeat;
}
#container
{
        width:100%;
        height:100%;
        background: scroll url(images/charte/fond-bas.jpg) left bottom repeat-x;
        display: table;
}
#table_charte
{
        height:100%;
        width:100%;
        min-height:100%;
}
#td_header
{
        width:100%;
        height:202px;
}
#td_bas
{
        width:100%;
        height:92px;
}
#td_charte
{
        height:100%;
        width:810px;
}
.colone
{
float:left;
width:810px;
}
#centre
{
float:left;
padding-top:10px;
width:400px;
min-height:270px;
background: scroll url(images/charte/bg-texte.jpg) 35px 33px no-repeat;
}
*html #centre
{
height:270px;
}
#centre h1
{
margin:0 0 15px 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:14px;
color:#FE3611;
border-bottom:1px solid #FE3611;
}



#centre .produit,
#centre .promotions
        {
         float:left;
         width:182px;
         margin:0 5px 15px 5px;
         padding:0 3px;
         border-left:2px #fe3611 solid;
        }
#centre .promotions
        {
        width:180px;
        min-height:268px;
        height:auto !important;
        height:268px;
         margin:0 5px 15px 0;
        }
#centre .produit h2,
#centre .promotions h2
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;
        color:#FE3611;
        border-bottom:1px solid #FE3611;
        margin:0 0 3px 0;
        padding:0;
        }
#centre .produit img,
#centre .promotions img
        {
        border:1px #000 solid;
        margin:0 0 5px 0;
        }


#centre .actu
        {
         float:left;
         width:552px;
         margin:0 5px 15px 5px;
         padding:0 3px;
         border-left:2px #fe3611 solid;
        }
#centre .actu
        {
        width:550px;
        height:auto;
         margin:0 5px 15px 0;
        }
#centre .actu h2
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;
        color:#FE3611;
        border-bottom:1px solid #FE3611;
        margin:0 0 3px 0;
        padding:0;
        }
#centre .actu img
        {
        border:1px #000 solid;
        margin:0 0 5px 0;
        }



#centre .produit p.voir-pdf
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        height:16px;
        color:#000;
        line-height:16px;
        margin:0 0 5px 0;
        padding:0 0 0 20px;
        background:transparent url(images/acrobat-pdf.png) no-repeat 0 0;
        }
#centre .produit p.voir-pdf a
        {
        font-size:12px;
        font-weight:500;
        color:#000;
        text-decoration:none;
        }
#centre .produit p.voir-pdf a:hover
        {
        font-size:12px;
        font-weight:bold;
        color:#fe3611;
        text-decoration:none;
        }
#centre #ariane
        {
        float:left;
        width:580px;
        margin:0;
        padding:0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#fe3611;
        font-weight:bold;
        text-align:center;
        }
#centre #ariane a
        {
        font-size:11px;
        color:#fe3611;
        text-decoration:none;
        }
#centre #ariane a:hover
        {
        font-size:11px;
        color:#000;
        text-decoration:none;
        }
#centre p
{
margin:0px;
padding:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#000;
text-align:justify;
}
#centre .text01
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:500;
        color:#000;
        text-align:left;
        }
.jaune
{
color:#FDB913;
font-weight:bold;
}
#centre a:link, #centre a:visited
{
        color:#FE3611;
        text-decoration:underline;
        font-weight:bold;
}
#centre a:hover, #centre a:active
{
        color:#FDB913;
        text-decoration:none;
}
#menugauche{
float:left;
width:182px;
/*min-height:276px;*/
padding-right:35px;
background: scroll url(images/charte/fond-menu.jpg) left top repeat-y;
}
#mg-haut{
float:left;
width:182px;
/*min-height:171px;*/
/*height:171px;*/
background: scroll url(images/charte/mg-haut.jpg) left top no-repeat;
}
#mg-bas{
float:left;
width:182px;
height:105px;
}
.bas
{
        text-align:center;
        float:left;
        width:810px;
        padding-top:8px;
        height:30px;
        background: scroll url(images/charte/bas.jpg) left top no-repeat;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #FED571;
}
.bas a:link, .bas a:visited
{
        color: #FED571;
        text-decoration:none;
}
.bas a:hover, .bas a:active
{
        color: #FDB913;
        text-decoration:underline;
}
/*PROMOS*/
.prixpromos{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        color: #FE3611;
}
.barre {
        text-decoration:line-through;
        color: #FE3611;
}
.barre span {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color: #000;
}
#colDroite{
        width:182px;
        margin:0 0 0 0;
        padding:0 0 0 0;
        float:right;
        background: url(images/charte/bg-colDroite.gif) repeat-y 0 0;
        text-align:center;
}
#hautDroite{
        width:182px;
        margin:0;
        padding:45px 0 0 0;
        float:left;
        background: url(images/charte/bg-hautDroite.jpg) no-repeat 0 0;
}
#basDroite{
    float:left;
        width:182px;
        height:auto;
        margin:0;
        padding:0;        
        background:transparent url(images/charte/bg-basDroite.gif) no-repeat;
        /*border:1px red solid; */
}
#colDroite #basDroite img{
        float:left;
        margin:30px 0 0 0;
        padding:0;
        width:182px;
        height:102px;
}
#colDroite #hautDroite img{
margin-top:10px;
border:1px solid #fff;
}
#colDroite #hautDroite p{
        margin:0;
        padding:0;
        width:auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        line-height:2em;
        color: #000;
        text-align:center;
}
#colDroite #hautDroite a:link, #colDroite #hautDroite a:visited{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:10px;
        text-decoration:none;
        text-transform:uppercase;
        color: #FF8412;
        display:block;
}
#colDroite #hautDroite a:hover, #colDroite #hautDroite a:active{
        text-decoration:underline;
        color: #FE3611;
}
/* MENU */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
        float:left;
        width:150px;
        padding: 33px 12px 0px 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #fe3611;
}
*html #menu{
width:182px;
}
#menu dt {
cursor: pointer;
/*margin: 2px 0;*/
height: 18px;
/*padding-left: 20px;*/
padding-bottom:12px;
/*line-height: 18px;*/
text-align: left;
background: scroll url(images/charte/rub.jpg) left top no-repeat;
text-transform:uppercase;
text-indent:33px;
/*border-bottom: 1px solid #fff;*/
}
*html #menu dt{
padding-bottom:16px;
}
#menu dd {
/*border-bottom: 1px solid #fff;*/
}
#menu li {
text-align: left;
/*padding-left: 30px;*/
/*background: #E9FFC7;*/
text-indent:33px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #fe9409;
}
#menu li a{
color: #fe9409;
text-decoration: none;
display: block;
border: 0 none;
margin-top:-8px;
height:26px;
/*height: 100%;*/
}
#menu dt a{
color: #fe3611;
text-decoration: none;
display: block;
border: 0 none;
/*height: 100%;*/
}
#menu li a:hover{
color: #fe3611;
}
#menu dt a:hover {
color: #fff;
}

/************* form *********************/
.forminput,
.formtextareadress,
.formtextareadressnormal,
.formtextareacomment
        {
        border:1px #FD4918 solid;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #000;
        background-color:transparent;
        text-align:justify;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:230px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        width:230px;
        }
.formtextareadressnormal
        {
        padding:0 3px 0 3px;
        width:230px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:230px;
        }
.formbt
        {
       border:1px #FD4918 solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:bold;
        letter-spacing:0.1em;
        color:#FD4918;
        background-color:#fff;
        }