HTML {}
BODY { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; margin: 0 auto; background-image : url("contenu/image/backgrounds/background_actual.jpg"); background-repeat: repeat-x; background-position: 50% 0; }

/* ****************************************************
   Tags usuels
   **************************************************** */
   
A { text-decoration: none; color: #974AD4; }
A:HOVER { color: #6C3597; }
SELECT, INPUT, TEXTAREA { font-size : 11px; font-family: sans-serif; }
TABLE { font-size : 12px; }
H1 { font-size: 16px; margin: 0 0 1em 0; color: #974AD4; }
H2 { font-size: 14px; margin: 0 0 0.5em 0; color: #974AD4; font-style: italic; }
H3 { font-size: 12px; margin: 1em 0 1em 0; color: #494742; background-color: #DCCBBB; padding: 2px 0 2px 10px; }

FORM { margin: 0; padding: 0; }
P { margin: 0 0 1em 0; }

.Erreur { display: block; width: 60%; margin: 2em; border: 1px solid red; padding: 1em; } 
.noTrad { background-color: yellow; color: black; }

/* ****************************************************
   Classes standards
   **************************************************** */
   
.off { display: none; }
.on { display: block; }
.T11 { font-size: 11px; }
.T10 { font-size: 10px; }
.xxs { font-size: 9px; }
.print { display: none; }
STRONG.violet { color: #974AD4;}
.sp_mauve { background-color: #e1c0f2; padding: 2px 5px 2px 5px; }
.clickable { cursor: pointer; }

/* ****************************************************
   DIV standards
   **************************************************** */
#mercanet { border: 1px solid #999999; margin: 50px; padding: 100px 5px 20px 5px; background-image : url("mercanet/mercanet.gif"); background-repeat: no-repeat; background-position: 10px 10px; }

#cmd_navigateur { width: 80px; float: right; }
#cmd_texte { padding: 5px 0 0 0; }

#big_pub { width: 990px; height: 110px; text-align: center; background-color: #E5E5E5; margin: 6px auto; display: block; }

#info_admin { 
	font-size: 10px; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; 
	padding: 2px 0 2px 25px;
	background-image : url("ico/attention.png"); background-repeat: no-repeat; background-position: 3px 50%; 
	background-color: #EFEFEF; color: #333333; border: 1px solid #000000;
	position: fixed; top: 5px; left: 5px;
}

.sdp_front { color: #999999; letter-spacing: 1px; }
.sdp_front B { font-size: 13px; color: #974AD4; font-weight: bold; }
.sdp_front A { color: #999999; }
.sdp_front A:HOVER { color: #974AD4; }

/*
=============================================
      PAVE HAUT DE PAGE
=============================================
*/

#hdp { width: 990px; height: 97px; padding: 0; margin: 0 auto; overflow: hidden; background-color: #FFFFFF; }
#logo { float: left; width: 331px; height: 75px; padding: 0; margin: 0; }
/*
#pub_bandeau { float: left; width: 418px; height: 75px; padding: 0; margin: 0; text-align: right; }
#pub_bandeau IMG { margin-top: 10px; }
*/

#langue { float: left; height: 25px; text-align: right; font-size: 10px; padding: 0; margin: 44px 0 0 0; width: 102px; }
#langue DIV { display: inline; padding: 0; margin: 0; color: #FFFFFF; }
#langue IMG { float: left; margin-right: 11px; }

#newsletter { float: left; margin: 47px 0 0 24px; }
#newsletter FORM { margin: 0; padding: 0; }
#newsletter INPUT { width: 160px; border: 1px solid #E5E5E5; font-size: 11px; }
#newsletter INPUT.btn { width: 29px; color: #FFFFFF; background-color: #974AD4; font-weight: bold; font-size: 11px; border: 1px solid #974AD4; padding: 0; }


#facebook { float: left; width: 58px; margin: 45px 0 0 35px; }
#facebook IMG { float: left; margin-right: 6px; }

/* #infos { float: left; padding: 0; margin: 0 0 0 27px; width: 250px;} */
#mon_compte { width: 123px; height: 59px; margin: 32px 0 0 15px; padding: 0; font-weight: bold; text-align: center; background-image : url("img/mon_compte_fond.gif"); background-repeat: no-repeat; float: left; }
#mon_compte  A { width: 120px; height: 34px; margin: 2px 0 0 0; padding: 4px; font-weight: bold; font-size: 11px; display: block; }
#mon_compte>A { width: 112px; height: 26px; }
#panier { width: 86px; padding: 2px 0 0 0; margin: 17px 0 0 0; text-align: center; font-weight: bold; float: left; font-size: 11px; }

/*
=============================================
      MENU HORIZONTAL
=============================================
*/

#menu_c { height: 28px; padding: 0; margin: 0; background-color: transparent; font-size: 13px; clear: both; overflow: hidden; }
#menu { width: 990px; height: 28px; padding: 0; font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 auto; background-color: #000000; }
#menu UL { list-style-type:none; margin:0; padding: 0; }
#menu LI { float: left; height: 28px; }
#menu A { padding: 0 15px 0 15px; height: 28px; display: block; text-align: center; color: #FFFFFF; line-height: 28px; }
#menu A:HOVER { background-color: #974AD4; }


#rss { margin-left: 20px; }
#rss IMG { margin-top: 4px; }
#rss A { padding: 0; width: 20px; margin: 0; }
#rss A:HOVER { background-color: transparent; }
#recherche { margin-left: 20px; }
#recherche FORM { padding: 0; margin: 4px 0 0 0; }
#recherche INPUT { font-size : 11px; width: 100px; border: 1px solid #E5E5E5; }
#recherche INPUT.btn { width: 29px; color: #000000; background-color: #FFFFFF; font-weight: bold; font-size: 11px; border: 1px solid #FFFFFF; margin: 0 0 0 2px; padding: 0; }

/*
=============================================
      COPYRIGHT
=============================================
*/

#copyright_c { height: 28px; padding: 0; margin: 0; background-color: #302e2d; font-size: 14px; clear: both; overflow: hidden; }
#copyright { width: 990px; height: 28px; line-height: 28px; padding: 0; margin: 0 auto; font-family: "Helvetica Neue Condensed Bold", Helvetica, Arial, sans-serif; text-align: right; color: #FFFFFF; }

/*
=============================================
      CONTENU + TimeArt
=============================================
*/

#main { padding: 0; margin: 0; width: 990px; background-color: #FFFFFF; margin: 0 auto; }

#chemin_de_fer { margin: 0 0 0 262px; padding: 5px 5px 5px 10px; color: #974AD4; font-size: 11px; background-image : url("img/fleche.gif"); background-repeat: no-repeat; background-position: 0 50%; }
#box_content_timeart #chemin_de_fer { margin: 0 0 0 262px; padding: 5px 5px 5px 10px; color: #ff0058; font-size: 11px; background-image : url("img/fleche_rose.gif"); background-repeat: no-repeat; background-position: 0 50%; }

#box_content { margin: 0; padding: 5px 5px 0 0; clear: both; }
#box_content_hp { margin: 0; padding: 5px 5px 0 0; clear: both; background-image : url("img/hp_fond.jpg"); background-repeat: repeat-x; }

#box_content_vide, 
#box_content_violet, 
#box_content_noir, 
#box_content_gris { margin: 0; padding: 5px 5px 0 0; clear: both; background-image : url("img/fond_trait.png"); background-repeat: repeat-y; background-position: 242px 0; min-height: 600px; }

#box_content_timeart { margin: 0; padding: 5px 5px 0 0; clear: both; background-image : url("img/fond_trait_rose.png"); background-repeat: repeat-y; background-position: 242px 0; min-height: 600px; }

#nav { width: 232px; padding: 5px; margin: 0; float: left; }
#box_content_hp>#nav { width: 222px; }
#box_content_vide>#nav { width: 222px; }
#box_content_gris>#nav { width: 222px; }
#box_content_noir>#nav { width: 222px; }
#box_content_violet>#nav { width: 222px; }
#box_content_timeart>#nav { width: 222px; }

#trait { width: 750px; height: 20px; background-image : url("img/barre0.png"); background-position: 10px 0; margin: 0 0 0 232px; background-repeat: no-repeat; }

#box_content_vide #trait  { background-image : url("img/filet.png"); }
#box_content_gris #trait  { background-image : url("img/filet_gris.png"); }
#box_content_violet #trait  { background-image : url("img/filet_violet.png"); }
#box_content_noir #trait  { background-image : url("img/filet_noir.png"); }
#box_content_timeart #trait  { background-image : url("img/filet_rose.png"); }

#box_content_gris #produit_switch  { background-image : url("img/switch3.gif"); }
#box_content_violet #produit_switch  { background-image : url("img/switch4.gif"); }
#box_content_noir #produit_switch  { background-image : url("img/switch5.gif"); }
#box_content_timeart #produit_switch { display: none; }

#content { margin: 0 0 25px 272px; padding: 10px 5px 5px 5px; font-size: 12px; }

#galerie { clear: right; }
#timeart_baseline { background-image : url("img/timeart_baseline.png"); background-repeat: no-repeat; height: 55px; color: #FFFFFF; padding: 19px 0 0 200px; font-style: italic; }
#content>#timeart_baseline { height: 36px; }
#tout_voir { float: right; border: 1px solid #974AD4; width: 70px; text-align: center; padding: 1px 0; margin-right: 5px; }

/*
=============================================
      NAVIGATION VERTICALE
=============================================
*/

#nav UL { padding: 0; margin: 0; list-style-type: none;  }
#nav LI { padding: 0; margin: 0 0 3px 0; }
#nav  A { color: #000000; margin-left: 5px; display: block; }
#nav A:HOVER { color: #974AD4; }

/* Version standard */
#nav A.niv0 { font-family: "Helvetica Neue Condensed Bold", Helvetica, Arial, sans-serif; background-image : url("img/puce0.gif"); padding: 15px 0 2px 20px; background-repeat: no-repeat; background-position: 0 23px; font-weight: bold; font-size: 18px; font-style: normal;  }
#nav A.niv1 { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce1.gif"); padding: 0 0 2px 31px; background-repeat: no-repeat; background-position: 21px 5px; font-weight: normal; font-size: 14px; font-style: normal; }
#nav A.niv2 { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce2.gif"); padding: 0 0 2px 37px; background-repeat: no-repeat; background-position: 32px 5px; font-weight: normal; font-size: 12px; font-style: normal; }

#nav A.niv1_on { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce1_on.gif"); padding: 0 0 2px 31px; background-repeat: no-repeat; background-position: 21px 5px; font-weight: bold; font-size: 14px; font-style: normal; color: #000000; }
#nav A.niv2_on { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce2.gif"); padding: 0 0 2px 37px; background-repeat: no-repeat; background-position: 32px 5px; font-weight: bold; font-size: 12px; font-style: normal; color: #000000; }

/* Version en gris pour la librairie */
#nav A.niv0g { font-family: "Helvetica Neue Condensed Bold", Helvetica, Arial, sans-serif; background-image : url("img/puce0_gris.gif"); padding: 15px 0 2px 20px; background-repeat: no-repeat; background-position: 0 23px; font-weight: bold; font-size: 18px; font-style: normal;  }
#nav A.niv1g { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce1_gris.gif"); padding: 0 0 2px 31px; background-repeat: no-repeat; background-position: 21px 5px; font-weight: normal; font-size: 14px; font-style: normal; }
#nav A.niv2g { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce2_gris.gif"); padding: 0 0 2px 37px; background-repeat: no-repeat; background-position: 32px 5px; font-weight: normal; font-size: 12px; font-style: normal; }

#nav A.niv1_ong { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce1_on_gris.gif"); padding: 0 0 2px 31px; background-repeat: no-repeat; background-position: 21px 5px; font-weight: bold; font-size: 14px; font-style: normal; color: #878787; }
#nav A.niv2_ong { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce2_gris.gif"); padding: 0 0 2px 37px; background-repeat: no-repeat; background-position: 32px 5px; font-weight: bold; font-size: 12px; font-style: normal; color: #878787; }

/* Version en violet pour la galerie */
#nav A.niv0v { font-family: "Helvetica Neue Condensed Bold", Helvetica, Arial, sans-serif; background-image : url("img/puce0_violet.gif"); padding: 15px 0 2px 20px; background-repeat: no-repeat; background-position: 0 23px; font-weight: bold; font-size: 18px; font-style: normal;  }
#nav A.niv1v { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce1_violet.gif"); padding: 0 0 2px 31px; background-repeat: no-repeat; background-position: 21px 5px; font-weight: normal; font-size: 14px; font-style: normal; }
#nav A.niv2v { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce2_violet.gif"); padding: 0 0 2px 37px; background-repeat: no-repeat; background-position: 32px 5px; font-weight: normal; font-size: 12px; font-style: normal; }

#nav A.niv1_onv { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce1_on_violet.gif"); padding: 0 0 2px 31px; background-repeat: no-repeat; background-position: 21px 5px; font-weight: bold; font-size: 14px; font-style: normal; color: #974AD4; }
#nav A.niv2_onv { font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif; background-image : url("img/puce2_violet.gif"); padding: 0 0 2px 37px; background-repeat: no-repeat; background-position: 32px 5px; font-weight: bold; font-size: 12px; font-style: normal; color: #974AD4; }



/*
=============================================
      Fiche produit
=============================================
*/

#produit_zoom { width: 460px; margin: 0; padding: 0; }
#produit_zoom  IMG { z-index: 1; }
#loupe { width: 456px; position: relative; margin: -20px 0 10px 0; height: 20px; background-image : url("img/loupe.png"); background-repeat: no-repeat; background-position: 100% 0; z-index: 10; }

#produit_liste { margin: 0 0 25px 0; }
#produit_liste TH { padding: 0 10px 10px 0; }
#produit_liste IMG:HOVER { cursor: pointer; }

#produit_description { min-width: 460px; width: 60%; margin: 0; padding: 0; line-height: 1.4em; }
#produit_description  H1, #produit_description  H2 { font-size: 12px; font-weight: bold; color: #000000; font-style: normal; margin: 0; padding: 0; }
#produit_prix { color: #974AD4; font-weight: bold; padding: 0 0 0 10px; background-image : url("img/prix.gif"); background-repeat: no-repeat; background-position: 0 50%; margin: 5px 0 15px 0; }
#produit_prix_promo { color: #838383; font-weight: bold; padding: 3px 0 0 35px; margin: 5px 0 15px 0; background-image : url("img/promo.gif"); background-repeat: no-repeat; }
.chrono { color: #ff0058; font-weight: bold; font-size: 14px; }
.promo { background-color: #ff0058; color: #FFFFFF; padding: 2px 5px 2px 5px; font-weight: bold; line-height:24px; }
#produit_prix_promo STRIKE { font-weight: normal; margin-right: 5px; color: #000000; }
.prix_promo { color: #ff0058; font-weight: bold; font-size: 14px; }

#produit_switch { font-size: 14px; font-style: italic; font-weight: bold; padding: 0 0 0 110px; background-image : url("img/switch0.gif"); background-repeat: no-repeat; background-position: 0 50%; }
#produit_switch A { color: #000000; }
#produit_switch A:HOVER { color: #974AD4; }
#produit_content { font-size: 12px; font-style: italic; margin-top: 10px; }
#produit_switch A.produit_on { color: #974AD4; }

#produit_commandes { width: 220px; margin: 100px 0 0 0; padding: 0; text-align: center; font-size: 11px; font-weight: bold; line-height: 1.7em; }
#produit_commandes A { color: #000000; }
#produit_commandes A:HOVER { color: #974AD4; }

#produit_frais_de_livraison { font-size: 10px; border: 1px solid red;}

/*
=============================================
      PAVE HOMEPAGE PRODUIT STAR
=============================================
*/

#hp_star { width: 703px; height: 531px; background-color: #878787; position: relative; z-index: 1; }
#hp_star A { color: #FFFFFF; }
#hp_star A:HOVER { color: #FFFFFF; }
#hp_star IMG { border: 0; }

.rs-arrows { position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: visible; }
#hp_star_left { position: absolute; top: 252px; left: 0; width: 25px; height: 25px; display: block; }
#hp_star_right { position: absolute; top: 252px; right:0; width: 25px; height: 25px; display: block; }

#hp_star H1, #hp_star H2, #hp_star H3 { font-size: 14px; font-family: "Helvetica Neue Bold", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; background-color: transparent; color: #FFFFFF; margin: 0; padding: 0; }
#hp_star H3 { font-size: 24px; padding: 8px 17px 8px 17px; }

#images { width: 687px; height: 515px; display: block; position: absolute; top: 8px; left: 8px; z-index: 2; 
	margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}
#images ol, #images ul { list-style: none; }

.rs-caption {}

.rs-caption.rs-top-left { color: #FFFFFF; z-index: 11; }

.rs-caption.rs-bottom-left { color: #FFFFFF; padding: 10px; z-index: 10; }

.rs-caption.rs-top { color: #FFFFFF; z-index: 9; height: 515px; overflow: hidden; font-size: 14px; line-height: 20px; }
.rs-caption.rs-top P { padding: 0 37px 0 37px; font-size: 14px; }
.rs-caption.rs-top STRONG { font-size: 24px; display: block; margin: 0 0 10px 0; line-height: 24px; }
.rs-caption.rs-top H3 { margin-bottom: 15px; }
.rs-caption.rs-top SPAN { display: block; margin: 75px 0 15px 0; }
.rs-caption.rs-top .blog_date { color: #FFFFFF; }
.rectangle_transparent { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.65; }

/*
=============================================
      BLOG
=============================================
*/

.blog { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; margin-bottom: 30px; font-size: 14px; padding: 0 0 10px 0; border-bottom: 1px dotted #878787; line-height: 20px; }
.blog A { color: #878787; font-weight: bold; margin-top: 5px; display: block; }
.blog A:HOVER { color: #974AD4; }
.blog A.black { color: #000000; font-weight: normal; margin: 0; }
.blog H2 { font-size: 24px; font-weight: bold; font-style: normal; background-color: transparent; margin: 10px 0 10px 0; padding: 0; color: #000000; line-height: 24px; }
.blog_date { font-size: 16px; font-weight: bold; color: #878787; }

/*
=============================================
      PAVE HOMEPAGE PRODUIT FOCUS
=============================================
*/

#hp_focus { height: 156px; background-image : url("img/focus.gif"); background-repeat: repeat-x; margin-top: 10px; overflow: hidden; }
#hp_focus DIV { margin: 0 0 0 40px; height: 156px; }
#hp_focus  UL { list-style-type:none; margin: 0; padding: 0; }
#hp_focus LI { float: left; margin: 15px 20px 0 0; }
#hp_focus IMG { border: 1px solid #A4A09D; }

/*
=============================================
      PAVE HOMEPAGE FOOTER
=============================================
*/

#hp_footer_c { width: 990px; margin: 0 auto; }
#hp_footer { font-size: 8px; color: #EFEFEF; text-align: center; padding: 0; width: 703px; margin: 10px 0 0 287px; }
#hp_footer A { color: #CCCCCC; }
#hp_footer A:HOVER { color: #974AD4; }

#hp_footer_links { color: #878787; text-align: left; font-size: 12px; font-weight: bold; margin: 90px 0 90px 0; clear: both; text-transform: uppercase; font-family: "Helvetica Neue Condensed Bold", Helvetica, Arial, sans-serif; }
#hp_footer_links A { color: #878787; }
#hp_footer_links A:HOVER { color: #974AD4; }

#hp_join_us { background-color: #DCCBBB; font-size: 11px; font-weight: bold; margin: 20px 40px 0 25px; padding: 6px 0 6px 10px; background-image : url("img/join_us.png"); background-position: 140px 9px; background-repeat: no-repeat; }
#hp_join_us A:HOVER { color: #FFFFFF; }
#hp_copyright { color: #898989; font-size: 10px; font-weight: bold; margin: 150px 0 0 20px; }
#hp_copyright A { color: #898989; font-size: 10px; font-weight: bold; margin: 0; padding: 0; }

/*
=============================================
      ARTISTE
=============================================
*/

#artiste { margin-bottom: 50px; }
#artiste H1 { margin: 0; padding: 5px 0 15px 0; text-align: center; color: #000000; font-weight: bold; font-size: 16px; }
#artiste_liste { margin: 0 10px 0 0; }
#artiste_liste TH { padding: 0 0 15px 0; font-weight: normal; }
#artiste_liste IMG:HOVER { cursor: pointer; }
#artiste_description { border: 1px solid #D7D7D7; width: 288px; margin: 0 0 0 15px; padding: 0; background-color: #FFFFFF; overflow: hidden; }
#artiste_description_txt { padding: 0 15px 15px 15px; margin: 0; line-height: 1.2em; }
#artiste_liste A { color: #000000; }
#artiste_liste A:HOVER { color: #974AD4; }

#arbo_artiste { }
#arbo_artiste A { color: #FFFFFF; width: 180px; background-color: #9B9B9B; text-align: center; padding: 10px 0 10px 0; margin: 5px 0 5px 26px; display: block; font-size: 11px; }
#arbo_artiste A:HOVER { color: #000000; }
#arbo_artiste IMG { margin: 10px 0 5px 0; }

/*
=============================================
      WANTED BOOK
=============================================
*/

#arbo_wanted_book { }
#arbo_wanted_book B { font-size: 14px; }
#arbo_wanted_book A { color: #878787; width: 180px; text-align: center; padding: 10px 5px 10px 5px; margin: 5px 0 5px 26px; display: block; font-size: 11px; border: 1px solid #878787;  background-color: #FFFFFF; }
#arbo_wanted_book A:HOVER { color: #000000; }
#arbo_wanted_book IMG { margin: 0; }
#arbo_wanted_book>A { width: 168px; }

/*
=============================================
      EVENEMENT
=============================================
*/

#arbo_event {}
#arbo_event_content { width: 180px; padding:  10px 0 10px 0; margin: 0 0 0 26px; font-size: 11px; text-align: left; }
#arbo_event_content P, #arbo_event_content IMG, #arbo_event_content A { padding: 0; margin: 0; background-color: transparent; }

#arbo_orderstep { color: #9A9A9A; margin: 0 0 15px 0; font-size: 12px; }
#arbo_orderstep B { color: #974AD4; }

/*
=============================================
      COUPON
=============================================
*/

#coupon_tr { background-color: #F4ECF9; }
#coupon { text-align: left; height: 20px; }
#coupon TABLE { background-color: #9A9A9A; width: 302px;  font-size: 12px; font-weight: bold; color: #FFFFFF; height: 22px; margin-top: 1px; }
#coupon TH { text-align: left; padding-left: 3px; }
#coupon TD { text-align: right; }
#coupon INPUT { width: 165px;  border: 0; font-size: 12px; height: 18px; }
#coupon INPUT.btn { width: 29px; color: #FFFFFF; background-color: #000000; height: 20px; margin: 0; font-weight: bold; font-size: 11px; }
#coupon FORM { margin: 0; }
#coupon DIV { float: left; width: 180px; font-style: italic; font-size: 10px; margin-left: 50px; }

/*
=============================================
      BORDS ARRONDIS
=============================================
*/

.roundbox { background: transparent; width: 100%; }

.roundbox .b1, .roundbox .b2, .roundbox .b3, .roundbox .b4 { display: block; overflow: hidden; font-size: 1px; }
.roundbox .b1, .roundbox .b2, .roundbox .b3 { height: 1px; }
.roundbox .b1 { background: #D7D7D7; margin: 0 5px; }
.roundbox .b2 { background: #D7D7D7; margin: 0 3px; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; border-width: 0 2px; }
.roundbox .b3 { background: #D7D7D7; margin: 0 2px; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; }
.roundbox .b4 { background: #D7D7D7; margin: 0 1px; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; height: 2px; }

.roundbox .roundbox_content { background: #D7D7D7; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; display: block; }

/*
=============================================
      PROCESS DE COMMANDE
=============================================
*/
   
/*
=============================================
      PANIER
=============================================
*/
.panier { font-size: 12px; }
.panier TD, .panier TH { border-top: 1px solid #898989; }
.panier INPUT { width: 30px; text-align: center; }
.panier_entete { font-weight: bold; color: #000000; background-color: #E5E5E5; }
.panier_action { margin: 0 0 10px 140px; padding: 6px 5px 5px 10px; list-style-type: none; font-size: 13px; width: 400px; background: url('img/panier_action_fond.png') no-repeat;  }
.panier_action A { color: #000000; }
.panier_action A:HOVER { color: #974AD4; }
.panier_total { color: #FFFFFF; background-color: #974AD4; font-size: 14px; }

#panier_actions { width: 350px; margin-top: 20px; }
#panier_action_validate { background-color: #974AD4; width: 161px; height: 68px; background-image : url("img/panier_validate.png"); background-position: 94% 50%; background-repeat: no-repeat; float: right; }
#panier_action_validate A { color: #FFFFFF; display: block; padding: 16px 46px 16px 16px; text-align: center; font-size: 14px; }
#panier_action_back { background-color: #E8DAF4; width: 161px; height: 68px; background-image : url("img/panier_back.png"); background-position: 97% 50%; background-repeat: no-repeat; float: left; }
#panier_action_back A { color: #000000; display: block; padding: 16px 46px 16px 16px; text-align: center; font-size: 14px; }
#panier_action_cancel { display: none; }

/*
=============================================
      STEP 1
=============================================
*/

#saisie_client { height: 210px; }
#saisie_client .btn { border: 0; background-color: #974AD4; color: #FFFFFF; text-align: center; font-size: 14px; padding: 5px 15px 5px 15px; }

#client_new { float: left; width: 270px; background-color: #E5E5E5; padding: 5px 15px 0 10px; height: 200px; }
#saisie_client>#client_new { width: 245px; }
#client_new H2 { margin: 10px 0 10px 0; }

#client_old { float: left; width: 270px; background-color: #E8DAF4; padding: 5px 15px 0 10px; height: 200px; background-image : url("img/barre_noire.png"); background-position: 0 50%; background-repeat: no-repeat; }
#saisie_client>#client_old { width: 245px; }
#client_old TABLE { margin-top: 10px; }
#client_old TH { text-align: left; }
#client_old H2 { margin: 10px 0 10px 0; }

#btn_identification { margin-top: 13px; }

/*
=============================================
      STEP 2
=============================================
*/

#saisie_adresse { background-color: #E5E5E5; }
#saisie_adresse .btn { border: 0; background-color: #974AD4; color: #FFFFFF; text-align: center; font-size: 14px; padding: 5px 15px 5px 15px; }
#saisie_adresse #client_content { padding: 10px 10px 30px 10px; }
#saisie_adresse H1 { margin: 0; background-color: #974AD4; color: #FFFFFF; text-align: center; font-size: 14px; padding: 10px; }
#saisie_adresse H2 { margin: 0; }
#saisie_adresse SUP { color: #974AD4; margin-left: 5px; }
#saisie_adresse TH { text-align: left; font-weight: normal; }
#saisie_adresse_facturation { }

/*
=============================================
      STEP 3
=============================================
*/

#client_livraison { width: 300px; float: left; }
#client_facturation { width: 300px; float: right; }
#info_client { margin-bottom: 20px; }
#info_client LEGEND { font-weight: bold; }
#info_client FIELDSET { height: 110px; }

.panier_msg_big { border: 1px solid #DDDDDD; padding: 5px; margin: 10px 17px 5px 0; }
.panier_msg { border: 1px solid #DDDDDD; padding: 5px; margin: 10px 17px 5px 0; }
#selection_paiement { margin: 15px 17px 0 0; }
DIV.btn_payment { margin: 10px 100px 0 100px; padding: 5px; background: url('img/commande_paiement_fond.gif') no-repeat; }
#selection_paiement DIV.btn_payment INPUT { margin: 4px; }
#selection_paiement SPAN { font-size: 11px; margin-left: 25px; display: block; }

#btn_panier_save { padding: 3px 31px 3px 12px; background: url('img/fleche_droite.gif') no-repeat; font-weight: bold; margin-top: 10px; border: 0; background-position: 100% 50%; background-color: #974AD4; color: #FFFFFF; }
#btn_panier_edit { padding: 3px 12px 3px 31px; background: url('img/fleche_gauche.gif') no-repeat; font-weight: bold; margin-top: 10px; border: 0; background-position: 0 50%; background-color: #974AD4; color: #FFFFFF; }

/*
=============================================
      FACTURE
=============================================
*/

#facture_infos_legales { font-size: 9px; text-align: center; margin-top: 50px; }
#facture_coupon { background-color: #9A9A9A; color: #FFFFFF; }
#facture_total { background-color: #974AD4; color: #FFFFFF; }

/*
=============================================
      MON COMPTE
=============================================
*/

#mc_menu { padding: 5px; text-align: left; margin: 8px; }
#mc_menu UL { margin: 0; padding: 0; LIST-STYLE-TYPE: none; background-color: #FFFFFF; padding: 5px 20px 5px 20px; }
#mc_menu UL LI { margin: 0 0 5px 0;  }
#mc_menu UL LI A { display: block; border-bottom: 1px dotted #DDDDDD; font-size: 11px; padding-left: 8px; }
#mc_menu UL LI A:HOVER { border-bottom: 1px solid #000000; color: #000000; }

#mc_titre_info { background-color: #E5E5E5; font-weight: bold; font-size: 14px; width: 513px; display: block; padding: 20px 0 20px 0; font-style: italic; }
#mc_titre_order { background-color: #E5E5E5; font-weight: bold; font-size: 14px; width: 513px; display: block; margin: 20px 0 20px 0; padding: 20px 0 20px 0; font-style: italic; }
#mc_titre_coupon { background-color: #E5E5E5; font-weight: bold; font-size: 14px; width: 513px; display: block; padding: 20px 0 20px 0; font-style: italic; }
#mc_titre_order HOVER { color: #EDDFF8; }
#mc_titre_deconnexion { text-align: left; color: #FFFFFF; font-weight: bold; font-size: 14px; width: 130px; display: block; margin: 20px 0 20px 385px; padding: 5px 0 5px 30px; font-style: italic; background: #FF0000 url('img/deconnexion.gif') no-repeat; background-position: 5px 50%; }
DIV>#mc_titre_deconnexion { width: 100px; }

#mc_contenu H1 { background-color: #974AD4; color: #FFFFFF; font-weight: bold; font-size: 13px; width: 513px; display: block; padding: 20px 0 20px 0; font-style: italic; }
#mc_envoi { background: url('img/fond_mc_envoi.gif') no-repeat; background-position: 0 0; padding: 0 0 0 45px; margin: 5px 0 0 0; min-height: 36px; }
#mc_contact_us { font-weight: bold; margin-top: 20px; }
#mc_contenu H2 { clear: right; margin-top: 2em; }
#mc_contenu H2 SPAN, #mc_envoi SPAN { font-weight: normal; font-size: 10px; }
#mc_texte { padding: 0 20px 0 0; margin: 5px 0 0 0; min-height: 36px; }
#mc_texte H3 { margin: 0; background-color: transparent; font-size: 14px; padding: 1.5em 0 0 0; color: #000000; }


.mc_liste { font-size: 11px; margin-top: 10px; }
.mc_liste TD, .mc_liste TH { border-top: 1px solid #DDDDDD; }
.mc_entete_colonne { font-weight: bold; color: #FFFFFF; background-color: #9A9A9A; }

#mc_info { width: 95%; background-color: #E5E5E5; }
#mc_info .w293 { width: 293px; }
#mc_info H3 { margin-bottom: 7px; padding: 5px 0 5px 32px; background-color: #974AD4; color: #FFFFFF; font-size: 14px; }
#mc_info TH { text-align: left; }
#mc_info P { padding: 0 10px 10px 32px; }
#mc_info .btn_submit { background-color: #974AD4; color: #FFFFFF; border: 0; font-weight: bold; font-size: 13px; padding: 8px 16px 8px 16px; }

#mc_sav_form { width: 60%; margin-top: 5px; padding: 5px; border: 1px solid #DDDDDD; background-image : url("img_admin/small_box_line_fond.gif"); background-repeat: repeat-x; }
.mc_message { width: 95%; margin-bottom: 15px; }

/* ****************************************************
   FORMULAIRE DE CONTACT
   **************************************************** */

#form_contact { background-color: #E5E5E5; background-image : url("img/contact_pied_de_page.gif"); background-position: bottom; background-repeat: no-repeat; }
#form_contact H1 { background-color: #974AD4; color: #FFFFFF; padding: 14px 0 14px 0; }
#form_contact SUP { color: #974AD4; }
#form_contact .w293 { width: 293px; }
#form_contact .controleur { visibility: hidden; }
#form_contact #contact_pied_de_page { color: #FFFFFF; margin-top: 50px; margin-bottom: 15px; line-height: 18px; }
#form_contact .btn_submit { background-color: #974AD4; color: #FFFFFF; border: 0; font-weight: bold; font-size: 13px; padding: 8px 16px 8px 16px; }

/* ****************************************************
   POP-UP alerte
   **************************************************** */
   
#blanket {
   background-color:#111111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}

#popUpDiv {
	position:absolute;
	background-color:#FFFFFF;
	width:600px;
	height:400px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}

#btn_close { background-color: #974AD4; font-weight: bold; height: 20px; background-image : url("img/popup_fermer.png"); background-position: 99% 3px; background-repeat: no-repeat; }
#btn_close A { color: #FFFFFF; display: block; padding: 1px 25px 0 5px; }

/***************************************************************/
/* ECRAN < 600px */
/***************************************************************/

@media screen and (max-width: 600px) {
      body { display: block; width: 100%; max-width: 100%; background-image: none; background-color: #E5E5E5; }

	#big_pub, #big_pub img, #hdp, #menu_c, #menu { height: auto !important; }
      
      #main, #big_pub,  
      #hdp, #menu_c, #menu, #main, #copyright_c, #hp_footer_c, #content, #copyright, #hp_footer
      { width: 100% !important; display: block; margin: 0; padding: 0; }

      #hdp, #big_pub { overflow: inherit; height: auto; }

      #big_pub img { width: 100%; height: auto; }
      #logo img { width: 100% !important; max-width: 250px; height: auto; margin-left: 7px; }

      #logo,
      #langue { float: none !important; display: inline-block; width: auto; height: auto; margin: 0 0 0 7px; }

      #newsletter { float: none; margin: 7px 0 15px 7px; font-size: 13px; }
      #newsletter INPUT { width: 200px; }
      #newsletter INPUT.btn { width: 50px; }

      #facebook, #mon_compte, #panier { float: none; display: inline-block; height: auto; padding: 0; margin: 0 7px 0 7px; vertical-align: top; }

      #facebook { width: 58px; padding-top: 8px; }
      #facebook IMG { float: left; margin-right: 6px; }

      #mon_compte { width: 123px; height: 50px; }
      #mon_compte A { width: 120px; height: 34px; margin: 2px 0 0 0; padding: 4px; font-weight: bold; font-size: 11px; display: block; }
      #mon_compte>A { width: 112px; height: 26px; }

      #panier { width: auto; }
      #panier img { width: auto; height: 25px; }

      #menu_c { background-color: #000000; }

      input { padding: 3px 5px !important; font-size: 13px; height: auto; }

      #nav { float: none; display: none; }
      #content { overflow: hidden; margin: 0; padding: 0; }
      #box_content_hp { padding: 0; }

      #hp_star, #hp_focus, #hp_footer_links { margin: 7px 0; width: 100%; }

      #hp_star { height: auto; min-height: 400px; }
      #hp_star #images { width: 95%; height: auto; }
      #hp_star_left, #hp_star_right { top: 150px; }

      #hp_focus img { width: 93px; height: 70px; }
      
      #hp_footer_links { margin: 15px 0; text-align: center; }
      
      #hp_footer_c { background-color: white; }
      #galerie img { width: 100%; }
      #trait { display: none; }
      #chemin_de_fer { margin: 0 0 0 7px; }
      .img_vendu { max-width: 58px; }
      #box_content_vide, #box_content_violet, #box_content_gris { background-image: none; }
      #produit_img_zoom { width: 95%; height: auto; }
      #produit_commandes { margin: 0; }
}