ul {


    padding:0px 10px;


}





.header{





    text-align: left;


    padding: 10px 33px 10px 0px;


    background-color:  #000000;    


    


}


body {


    background-color: #000000;    


    font-family:  Arial, sans-serif;


    font-size: 9.5pt;


    color:white;


}


body #content{


    padding: 0px;


    margin: 0px;


    background-color: #000000;        


    vertical-align: top;


    color:white;


}





body  #content TD{


    vertical-align: top;


}





fieldset{


    position:relative;    


    padding:20px;


    border-color:#00CCFF;


    margin:0px;


    color:#FFFFFF;


}





html>body fieldset {     


    margin:                    0px 20px 20px 0px;


}


legend{


    position:                absolute\9; /* HACK CSS  =>  \9, qui veut dire uniquement pour tous les IE*/


    top:                    -8px;    


    left:                    10px;


    background-color        :#00CCFF;


    border:                    1px solid ;


    padding:                0px 10px 0px 5px;


    font-size:                 9.5pt;    


    white-space: nowrap ;    


    border-color:#00CCFF;


    color:                     #000000;


    font-weight:bold;


}





.site{


    width:1200px;


    text-align: left;


    


}


A,A:hover{


    


    color:#00CCFF;


    


}





h4{    


    color:#FFFFFF ;/*#d25221*/


    margin:0px;


}





#footer{


    margin: 10px 60px 0px 60px;


    color:#00CCFF;


    


}





#footer TD{


    text-align:center;


    font-weight:bold;


}








#footer  a, #footer a:hover{


    color:#00CCFF;        


    text-decoration: none;


}








#where{


    margin-bottom: 20px;


}


#where span, #where span A{


    text-decoration:none;


    color:#00CCFF ;/*#d25221*/


}











/* OFFRES SEMAINES


*/ 


#offresSemaines{


    background-color:#4b4f4f;


    height: 180px;


    width: 350px;    


    font-size: 9.5pt;


    color:#FFFFFF;


    


    margin-left:30px


}





#offresSemaines #offresSemainesProduit {


    


    


    margin-top:5px;


    margin-left:15px;


    background-color:#FFFFFF;


    width:320px;


    height:140px;


    text-indent:0px;


    color:#4b4f4f;        


}





#offresSemaines img {


    float:left;


    width: 135px;    


}





#offresSemaines #offresSemainesProduit  #text{    


    left:150px;


    margin-right:10px;    


}











/* OFFRES PAGE ACCUEIL


*/ 


#produitsCartonnent{


    width: 790px;


    font-size: 9.5pt;    


    


    margin-left:30px;


    background-color:#000000;    


    vertical-align: top;


    border:1px solid;


}





#produitsCartonnent #produitsCartonnentProduits {


    margin:15px;    


    vertical-align: top;    


    margin-top:20px;


    padding-top:10px;


    text-indent:0px;


}





#produitsCartonnent img {    


    width: 145px;    


    border: none;


}





#produitsCartonnent h2, #produitsCartonnent a{


    font-size:9.5pt;


    color:#00CCFF;


    text-decoration: none;


    font-weight:normal;


    padding:0px;


    margin:0px;


}


#produitsCartonnent TD{


    vertical-align: top;    


    width:33%;


}





#produitsCartonnent  #text{


    vertical-align: top;


    margin-top:10px;


    margin-right:10px;    


    margin-bottom:20px;


    padding-bottom:20px;


    position:relative;


    border:none;    


}





 #product_price{


    color:#FFCC00;


    font-weight:bold;


    white-space: nowrap ;    


}

















/* BOITE ARRONDI


*/ 


#box {


    width: 250px;    


}


#box,#boxNoWidth{


    


    font-size: 9.5pt;    


    


    margin:0px;


    margin-bottom:10px;


    background-color:#000000;        


    vertical-align: top;    


}





#box #content,#boxNoWidth #content {


    vertical-align: top;    


    margin-bottom:10px;


    margin-right:24px; /* les margin sont obligatoires pour que les traits arrondis apparraissent*/


    margin: 24px 24px 15px 24px;


    


    color:#4b4f4f;        


    font-size: 9.5pt;


    font-weight: bold;    


    padding: 0px 20px 0px 0px;    


}


#box #bottomText{


    text-align:center;


    font-size: 9.5pt;


    padding-top:20px;    


}








/* boutons


*/


#buttons{


     text-align: right;           


     margin:0px;


     margin-top: 10px;     


}





#button{


    font-weight:normal;


    margin:0px;


    padding:0px 15px 3px 15px;


    text-decoration: none;


    color: #FFFFFF;    


    background-color: #00CCFF ;/*#d25221*/


    border:                   1px solid;


    border-top-color:       #ccc;


    border-left-color:      #ccc;


    border-right-color:     #bbb;


    border-bottom-color:    #bbb;


      font-size:9.5pt;


      text-align: right;      


      white-space: nowrap;


}


#button:hover{


    border: 1px solid;


    color: #00CCFF;    


    background-color: #FFFFFF;


}








/* MENU Horizontal TOUT EN HAUT*/


#menu_h , #menu_h span, #menu_h span A{


    text-align:center;


    vertical-align: top;


    color:    #FFFFFF;


    font-size:12pt;


    padding:2px;


    text-decoration:none;


    font-weight: bold;    


}





#menu_h span A:hover,#menu_h H1 A:hover {


    color:#fed9b0;


    


    color:    #00CCFF;


}














/* MENU DEROULANT


http://marcarea.com/code/css/menu/menu01test.html


*/


#menuDeroulant{


    font-size:11pt;    


    font-weight:bold;


        


    


    white-space: wrap;


}


#menuDeroulant span{


    padding:2px 10px 2px 10px;


    white-space: wrap;


    background: #00CCFF ;/*#d25221*/


    margin:1px;


    float:left;

}





#menuDeroulant a:link, #menuDeroulant a:visited{


    color:#000000;


    margin: 2px;


    text-decoration: none;    


    white-space: wrap;


}





/* BORD ARRONDI */


div.arrondi, a.arrondi {


    -moz-border-radius: 15px;


    -webkit-border-radius: 15px;


    border-radius: 15px;


    border:1px solid;  


}


div.arrondiSmall, a.arrondiSmall {


    -moz-border-radius: 5px;


    -webkit-border-radius: 5px;


    border-radius: 5px;


    border:1px solid;    


}














/* mesge dmin en bs dans le footer*/


#adminmsg {


    


font-size: 8pt;


text-align: center;


}














#sousCat{


    float:left;    


    text-align:center;


    padding:0px;


    margin:0px;


    


}


#sousCat img{    


    


    text-align:center;


    padding:0px;


    margin:0px;


}














/****************   LIST DE PRODUITS dans un tableau


*/


.productsList {


    font-family:  Arial, sans-serif;


    font-size:9.5pt;


    vertical-align:top;


    margin:10px 15px 15px 15px;    


    text-indent: 0px;


    


}


.productsList img{


    border:none;


    


}


.productsList  SELECT{


    font-family:  Arial, sans-serif;


    font-size:9.5pt;


}





.productsList A{


    font-size:9.5pt;


    


}


.productsList ul,.productsList li{


    font-family:  Arial, sans-serif;


    list-style: circle;   


    padding-bottom:5px;


    font-size: 8pt;


    text-align:left;


}





.productsList TH {


    font-size:11.5pt;


    font-weight:bold;


    text-align:center;


    border: none;


    padding: 5px;


    padding-left:8px;


    padding-right:8px;


    color:#FFFFFF ;/*#d25221*/    


    background-color: #00CCFF;


    


    vertical-align: middle;


        


}


.productsList H4{


    font-size:9.5pt;


}


.productsList1 TD{


    font-size:9.5pt;


    border: thin;


    color:#FFFFFF;


    border-bottom:solid 1px;


    padding:5px;


    vertical-align:middle;


}


.productsList1 TD A{


    color:#FFFFFF;


}





.productsList2 TD{


    font-size:9.5pt;


    border: thin;


    padding:5px;    


    color:#FFFFFF;


    background-color: #000000;





    vertical-align:middle;   


        border-bottom:solid 1px;





}


.productsList2 TD A{


    color:#FFFFFF;


}





.productsList TD {


    vertical-align:top;





padding-right: 10px; 


    


}


.productsList .price{


    text-align:right;


    white-space: nowrap ;


    color:#FFCC00;


    font-size:9.5pt;


}


.productsList .price_print{


    text-align:right;


    white-space: nowrap ;


    color:white;


    font-weight:bold;


    font-size:9.5pt;


}


.productsList .description A{


    width: 100px;


}


.productsList input{


    height: 14px;


    font-size:9.5pt;


    


}











.bigPrice{


    color:#FFCC00;


    font-size:18px;


}











/* barre de navigation dans un tableau*/


.navigation{


    font-size: 9.5pt;


}


SELECT{


    font-size: 9.5pt;


    height: 18px;


}








.product_price{


    font-size: 22px;


    font-weight: bold;


    color:#FFCC00;    


}


.product_oldPrice{


    font-size: 16px;


    font-weight: bold;


    text-decoration:line-through;


    color:#FFCC00;    


}








/*product detaul*/


.productDetail {


    padding:20px;


    vertical-align:top;


}





.productDetail TD{


    padding:0px 10px 0px 0px;


    vertical-align:top;


}


   .pictureSmallDIV {


    


    width: 100px;


}


.pictureSmallDIV img{


    max-height: 100px;


    max-width: 100px;


    


}


.pictureBigDIV{


    height:150px;


    


}


.pictureBigDIV img{


    


    max-height: 150px;


    


}





   .pictureTinyDIV {


    


    width: 50px;


}


.pictureTinyDIV img, img.pictureTinyDIV{


    max-height: 50px;


    max-width: 50px;  


        border:none;  


}





#important,.important{


    color:#FFCC00 /*#d25221*/    ;


    font-weight: bold;


}


    





/* caddie, validation commabde */


.stepOn{


    color: #00CCFF ;/*#d25221*/


    font-weight: bold;


}


.stepOff{


    color: #fed9b0;


}





.smallHelp{


    font-size: 8pt;


    vertical-align: top;


    


}


.smallHelp img{


    padding-right:4px;


    padding-top:6px;


    


}





.header1, .header1 a, .header1 a:hover {


    text-decoration: underline;


    color: #00CCFF ;/*#d25221*/


    font-weight: bold;    





}








li a,li a:hover{


    color: #00CCFF ;/*#d25221*/


}








.formHeader {


    


    background-color: #00CCFF ;/*#d25221*/


    color:#FFFFFF ;


    padding:3px 3px 3px 10px;


    margin-top:30px;


    margin-bottom:10px;


}





TH{


    


color: #00CCFF; /*#d25221*/


}





ul.plan{


    font-weight: bold;


    list-style-type:circle;


    color:#00CCFF; /*#d25221*/


}


ul.plan ul li{


    font-weight: bold;


    font-weight: normal;


    list-style-type:circle;


}


ul.plan a,ul.plan a:hover {


    text-decoration: none;


    color: #00CCFF ;/*#d25221*/


    


}











.newsscroll{


    margin:20px 65px 0px 30px;


    color:#00CCFF;


}





.sengage{


margin-left:20px;


}





.identification_tiny{


    width:450px;


    font-size:9pt;    


    padding-top:15px;


    padding-left:0px;


    margin:0px;


    


    


}





.identification_tiny form{


    font-weight:bold;


    padding:0px;


    margin:0px;


}














.pricePerGroup { 


    


    font-size:8pt;


    text-align:left;


    padding:0px;


    margin:0px;


    color:#FFCC00;


    border: solid 1px #00CCFF;    


}


.pricePerGroup TD,.pricePerGroup TH{        


    padding:1px 3px 1px 3px;


    margin:0px;


    text-align:left;


    


    color:#FFCC00;


}


.pricePerGroup TH{


    color:#000000;


    white-space: nowrap ;    


    font-weight:bold;    


    background-color:#00CCFF;


}








.productsScroll {


    width:450px;


}


.promoProductsScroll {


    width:100%;


}


.productsScroll TD{


    width:100px;


    font-size:7pt;


    text-align: center;


}








/*style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=90, FinishX=0, FinishY=0);">


*/


.cadre {    


    font-family:Verdana, Arial, Helvetica, sans-serif;    


    display:block; /*This Cover Full TD */    


    background:url(/custom/images/Cadreoff.gif) center top no-repeat; 


                        /*This Will Set the Link background */    


    height:251px;     /*This Will Make Fixes Size Link (Use Image height)*/    


    width:281px;     /*This Will Make Fixes Size Link (Use Image width)*/    


    line-height:25px;


    text-align:center;    


    font-size:10pt;    


    text-decoration:none;


}


.cadre:hover {    


    background:url(/custom/images/Cadreon.gif) center top no-repeat;


}








.cadreIdentification, .cadreIdentificationOn{    


    background:url(/custom/images/Identificationoff.gif) left top no-repeat; 


                        /*This Will Set the Link background */    


    height:160px;     /*This Will Make Fixes Size Link (Use Image height)*/    


    width:560px;     /*This Will Make Fixes Size Link (Use Image width)*/    


    vertical-align: top;


    text-align:left;    


    font-size:10pt;


    text-decoration:none;


    padding-left:40px;


    padding-top:40px;    


}


.cadreIdentificationOn{


    background:url(/custom/images/Identificationon.gif) left top no-repeat; 


}


.product_small{


    color:#FFFFFF;    


    white-space: wrap;


    font-size:7pt;


    vertical-align:middle;    


}





.product_small_image {


    width:160px;


    height:165px;


    text-align:center;  


}


.product_small_image img{    


    border:none;


    text-align:center;  


}





.product_small_text,.product_small_text a{


    width:150px;


    text-decoration:none;


    font-size:9.5pt;


    text-align:center;


    text-indent:0px;


    color:#FFFFFF;


    white-space: wrap ;


}





#myAutoComplete { 


    padding-bottom:2em; 


    font-size:9pt;


    text-align:center;


    width:400px;


    


} 


    


#myInput {


    position:static;


    width:20em; 


}


#myContainer {


    text-align:left;


    width:20em; 


    color:black;


}











 ul.marquee {


    /* required styles */


    display: block;


    padding: 0;


    margin: 0;


    list-style: none;


    line-height: 0;


    position: relative;


    overflow: hidden;





    /* optional styles for appearance */


    width: 100%;


    height: 250px; /* height should be included to reserve visual space for the marquee */





    background-color: black;


    border: 0px solid #08084d;


}





ul.marquee li {


    /* required styles */


    position: absolute;


    top: -999em;


    left: 0;


    display: block;


    white-space: wrap; /* keep all text on a single line  ATTENTION j'ai mis wrap sinon le texte est pas bon*/





    /* optional styles for appearance */


    font: 14px Arial, Helvetica, sans-serif;


    padding: 3px 5px;


}





.rod_log{


background-color: grey;


max-height: 500px;


overflow-y: scroll;


}