/* CSS Document */
/* Couleures */
/*
Menu
- fond jaune : #F1EB98 
- fond marron : #8C4133
- fond violet : #7C338C






*/
/* TYPOS */
.liensfooter {display:block; /*font-weight:bold*/ color:#521A1B; margin-top:5px;}
.liensfooter a {color:#909090; text-decoration:none;}

#footer .liensfooter p {margin:0; padding:0}

/* CONSTRUCTEURS DE PAGE */
body {height:100%; background-color:#FFFFFF; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
html {height:100%;}

#banner {width:983px; height:173px; position:relative; margin:auto; background:url(../images/banner/banner.gif) left top no-repeat; }
.img_banner {height:160px; float:right; margin-top:5px; margin-right:10px;}
.linkhome {float:left}

#panier {width:138px; height:160px; float:right; margin-top:5px; margin-right:10px; background:url(../images/home/cadre_panier.gif) #700033 left top no-repeat; font-weight:bold; color:#CF9BB2;}
#panier a {color:#DC0463; font-weight:normal}


#menu {width:983px; position:relative; margin:auto; margin-bottom:5px;}
#site {width:983px; position:relative; margin:auto; background-color:#FFF;}
#contenu {float:left; width:778px; background-color:#FFF;}
#footer {width:983px; height:58px; background-color:#FFF; position:relative; margin:auto; text-align:center; color:#909090; font-size:11px;}

.push {clear:both; visibility:hidden; margin:0; padding:0; height:1px;} 
.hide {display:none;}
.show {display:block;}
.conteneurpage {margin:5px 5px 5px 10px; width:auto; display:block;}

/* MENU HORIZONTAL */
#menu h1 {margin:0; padding:0; color:#FFFFFF; display:block; width:auto; font-size:16px; font-weight:bold; text-align:center;}
.menu_top_jaune {height:33px; width:156px; line-height:33px; float:left; margin-left:10px; background:url(../images/home/menu1_bordgauche.gif) #DCB100 left top no-repeat;}
.menu_top_jaune_on {height:33px; width:156px; line-height:33px; float:left; margin-left:10px; background:url(../images/home/menu1_bordgauche_on.gif) #DCB100 left top no-repeat;}
.menu_top_vert {height:33px; width:156px; line-height:33px; float:left; margin-left:10px; background:url(../images/home/menu2_bordgauche.gif) #006F4E left top no-repeat;}
.menu_top_lila {height:33px; width:156px; line-height:33px; float:left; margin-left:10px; background:url(../images/home/menu3_bordgauche.gif) #7C338C left top no-repeat;}
.menu_top_rose {height:33px; width:156px; line-height:33px; float:left; margin-left:10px; background:url(../images/home/menu4_bordgauche.gif) #C6ADC2 left top no-repeat;}
.menu_top_vichy {height:33px; line-height:33px; float:left; margin-left:10px;}

.menu_top_jaune h1 {background:url(../images/home/menu1_borddroit.gif) right top no-repeat;}
.menu_top_jaune_on h1 {background:url(../images/home/menu1_borddroit_on.gif) right top no-repeat;}
.menu_top_jaune_on h1 p {margin:0; padding:0}
.menu_top_jaune_on h1 a {text-decoration:none; color:#FFFFFF}
.menu_top_vert h1 {background:url(../images/home/menu2_borddroit.gif) right top no-repeat;}
.menu_top_vert h1 p {margin:0; padding:0}
.menu_top_vert h1 a {text-decoration:none; color:#FFFFFF}
.menu_top_lila h1 {background:url(../images/home/menu3_borddroit.gif) right top no-repeat;}
.menu_top_lila h1 p {margin:0; padding:0}
.menu_top_lila h1 a {text-decoration:none; color:#FFFFFF}
.menu_top_rose h1 {background:url(../images/home/menu4_borddroit.gif) right top no-repeat;}
.menu_top_rose h1 p {margin:0; padding:0}
.menu_top_rose h1 a {text-decoration:none; color:#FFFFFF}

#spacer_menu {clear:both; height:10px; width:100%;}
.menu_mid_jaune {height:10px; width:156px; float:left; margin-left:10px; background:#DCB100;}
.menu_mid_vert {height:10px; width:156px; float:left; margin-left:10px; background:#006F4E;}
.menu_mid_lila {height:10px; width:156px; float:left; margin-left:10px; background:#7C338C;}
.menu_mid_rose {height:10px; width:156px; float:left; margin-left:10px; background:#C6ADC2;}

#sous_menu {clear:both; height:25px; width:100%; line-height:25px;}
#sous_menu a {color:#FFFFFF; text-decoration:none; padding:0 10px 0 10px;}
.sous_menu_jaune {float:left; margin-left:10px; padding:0 10px 0 10px; height:25px; width:auto; background:#DCB100 url(../../../osc/images/home/sousmenu1_bordgauche.gif) left top no-repeat; color:#993B6A;}
.sous_menu_jaune p {margin:0; padding:0}
#c93 {display:none}

.img_banner div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {margin:0; padding:0; float:none;}
.img_banner  div.csc-textpic-center div.csc-textpic-imagewrap {margin:0; padding:0; float:none;}

/* MENU  VERTICAL */
#menudroit {float:left; width:205px;}
.blocmenudroit {margin:5px 10px 5px 5px; width:auto; display:block;}

.blocmenudroit_jaune {margin:5px 10px 5px 2px; width:auto; display:block; background-color:#F1EB98}
.blocmenudroit_jaune .header {display:block; height:26px; background: url(../images/menu_horizontal/fondtitre_bloc_jaune.gif) left top no-repeat}
.blocmenudroit_jaune .header h3 {margin:0; padding:0; display:block; font-size:16px; font-weight:bold; text-indent:5px; color:#6F0038; line-height:26px;}
.blocmenudroit_jaune .text p {margin:0; padding:5px; color:#6F0038}
.blocmenudroit_jaune .footer {display:block; margin:0; padding:0; height:12px; background:url(../images/menu_horizontal/footer_menugauche.gif) left bottom repeat}


.blocmenudroit_marron {margin:5px 10px 5px 2px; width:auto; display:block; background-color:#8C4133}
.blocmenudroit_marron .header {display:block; height:26px; background: url(../images/menu_horizontal/fondtitre_bloc_marron.gif) left top no-repeat}
.blocmenudroit_marron .header h3 {margin:0; padding:0; display:block; font-size:16px; font-weight:bold; text-indent:5px; color:#FFF; line-height:26px;}
.blocmenudroit_marron .text p {margin:0; padding:5px; color:#FFB8AB}
.blocmenudroit_marron .footer {display:block; margin:0; padding:0; height:12px; background: url(../images/menu_horizontal/footer_menugauche_marron.gif) left bottom repeat}


.blocmenudroit_lila {margin:5px 10px 5px 2px; width:auto; display:block; background-color:#7C338C}
.blocmenudroit_lila .header {display:block; height:26px; background: url(../images/menu_horizontal/fondtitre_bloc_lila.gif) left top no-repeat}
.blocmenudroit_lila .header h3 {margin:0; padding:0; display:block; font-size:16px; font-weight:bold; text-indent:5px; color:#FFF; line-height:26px;}
.blocmenudroit_lila .text p {margin:0; padding:5px; color:#FFFFFF}
.blocmenudroit_lila .footer {display:block; margin:0; padding:0; height:12px; background: url(../images/menu_horizontal/footer_menugauche_lila.gif) left bottom repeat}


.blocmenudroit_boutique {margin:5px 10px 5px 2px; width:auto; display:block; background-color:#8C337D}
.blocmenudroit_boutique .header {display:block; height:50px; background: url(../images/menu_horizontal/fondtitre_bloc_boutique.gif) left top no-repeat}
.blocmenudroit_boutique .header h3 {margin:0; padding-left:5px; padding-top:5px; display:block; font-size:16px; font-weight:bold; color:#FFF;}
.blocmenudroit_boutique .text p {margin:0; padding:5px; color:#FFFFFF}
.blocmenudroit_boutique .text p a {color:#D9A3D0}
.blocmenudroit_boutique .footer {display:block; margin:0; padding:0; height:12px; background: url(../images/menu_horizontal/footer_menugauche_boutique.gif) left bottom repeat}


/* Blocs Contenu Home */
.bloc_100 {width:100%; margin:0; float:left;}
.bloc_50 {width:50%; margin:0; float:left;}
.bloc_33 {width:33%; margin:0; float:left;}
.image {overflow:hidden}


/* CLASSES pour osC */
.tep_href_link {display:block; width: 180px; float:left; margin-left:5px;}
.tep_href_link a {font-size:11px; color:#666666; text-decoration:none; font-weight:bold;}

.tep_prod_link {display:block; width: 177px; height:216px; float:left; background:url(../images/products/cadre_produits.gif) no-repeat top left ; margin:5px; position:relative}
.tep_prod_link {font-size:11px; color:#000; font-weight:bold}
.tep_prod_img {margin:10px 0 0 5px}
.tep_name_prod {display:block; margin:10px 5px 0 60px}
.tep_prod_img_a {margin:0 0 0 0}
.tep_name_prod_a {margin:0 0 0 0; text-decoration:none; color:#000}
.tep_prix_link {display:block; margin:10px 5px 0 60px; font-size:14px;}
.tep_btgo_prod {margin:10px 10px 0 0; position:absolute; bottom:35px; right:5px;}
.tep_link_separateur {clear:both}
.tep_ligne_prod {position:absolute; bottom:30px;}
.tep_add_prod {margin:10px 10px 0 0; position:absolute; bottom:3px; right:5px;}
.tpe_qty_basket {margin:10px 10px 0 0; position:absolute; bottom:4px; left:10px;}
.tep_pages_list {clear:both}
