/* ########################################################################## */
/* ########################################################################## */
/* ##                                                                      ## */
/* ##                               GENERAL                                ## */
/* ##                                                                      ## */
/* ########################################################################## */
/* ########################################################################## */

body {
    background : #d1cec4 url('images/body_bg.jpg') 0 0 repeat-x;
    font-family : Arial;
    font-size : 11px;
    color : #1f1508;
}

.clear {
    clear : both;
}

#centrage_top_in, .centrage, #container-out {
	text-align: center;
}

.centrage, #container-out {
	position: relative;
}

#centrage_top_in, #centrage_bottom_in {
	width: 980px;
	margin: 0 auto;
	padding : 0 75px;
}

#centrage_top_in {
	padding-top : 29px;
	background : transparent url('images/centrage_top_in_bg.jpg') 0 0 no-repeat;
}

#centrage_bottom_in {
	background : transparent url('images/centrage_bottom_in_bg.jpg') 0 0 no-repeat;
}

option {
  padding-right : 8px;
}

#middle h3, #middle h3 a {
  font-size : 13px;
  font-weight : bold;
  margin : 13px auto;
  text-transform : uppercase;
}

p {
  line-height : 18px;
}

.msg_erreur, .errors {
	color : red;
	margin : 5px 0;
	font-weight: bold;
}

/* ########################################################################## */
/* #                                 LIENS                                  # */
/* ########################################################################## */

a {
    color : #689b3c;
    text-decoration : none;
}

a:visited {
}

a:hover, a:focus, a:active {
    text-decoration : underline;
}

.pointer {
  cursor : pointer;
}

a.link2 {
	color : #676767;
	text-decoration : none;
}

a.link2:hover, a.link2:focus, a.link2:active {
    text-decoration : underline;
}

/* ########################################################################## */
/* #                             FORMULAIRES                                # */
/* ########################################################################## */

#middle fieldset {
	margin-top: 10px;
}

.legend, legend {
	font-size: 14px;
	font-weight: bold;
}

.legend {
	width: 100%;
	height: 28px;
	text-align: left;
	text-transform: uppercase;
	line-height: 25px;
	margin-bottom: 15px;
	border-right: 0;
	font-weight: bold;
}

.formrow {
	width: 100%;
	vertical-align: middle;
	clear: both;
}

.formrow_cache {
	display: none;
}

.formlabel {
	width: 150px;
	float: left;
	margin-right: 16px;
	padding: 5px 0 0 0;
	text-align: right;
}

.formlabel .etoile, .etoile {
	color: #e69206;
}

.formtext, .formtextlong {
	width: 350px;
	float: left;
	padding: 2px 2px 2px 0px;
}

.col50 .formlabel {
	width: 87px;
}

.col50 .formtext, .col50 .formtextlong {
	width: 255px;
}

.formrow-checkbox .formtextlong {
	margin-left: 140px;
	width: 470px;
}

#contre-remboursement_bloc .formrow-checkbox .formtextlong {
	margin-left: 0;
	width: 610px;
}

.formrow-checkbox .formlabel {
	padding: 0;
	font-size: 0;
	width: 100px;
	display: none;
}

.formtext input[type=text], .formtext input[type=password], .formtext select {
	width: 231px;
	background: #fff;
	border: 1px solid #CDCDCD;
	padding: 2px 2px 1px 2px;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
}

input[type=radio], .radio, table tbody tr td .radio {
	border: 0;
}

#TB_window .formtext input[type=text], #TB_window .formtext input[type=password], #TB_window .formtext select {
	background: #fff;
	border: 1px solid #CDCDCD;
}

.formtext select {
	width: 235px;
	background: #fff;
	border: 1px solid #CDCDCD;
}

.formtextlong textarea {
	width: 348px;
	height: 99px;
	background: #fff;
	border: 1px solid #CDCDCD;
	padding: 0 2px;
}

#TB_window .formtextlong textarea {
	width: 231px;
}

.formtext input.numeric-2 {
	width: 42px;
	background: #fff;
	border: 1px solid #CDCDCD;
	padding: 0 3px;
}

.formtext input.numeric-4 {
	width: 62px;
	background: #fff;
	border: 1px solid #CDCDCD;
	padding: 0 3px;
}

.formspacer {
	width: 100%;
	_height: 6px;
	min-height: 6px;
	vertical-align: top;
	line-height: 6px;
	clear: both;
}

.formdesc {
	width: 180px;
	float: left;
	font-size: 10px;
	color: #81876B;
	padding-left: 10px;
}

.numeric-2 {
	width: 25px;
}

.numeric-4 {
	width: 50px;
}

/* ########################################################################## */
/* #                               BOUTONS                                  # */
/* ########################################################################## */

.buttons, .buttons-right, .buttons-left {
	position: relative;
	height: 33px;
	text-align: left;
	margin: 10px 0 25px 0;
	text-decoration: none;
}

#sidebar .buttons, .buttons-table {
	padding-left: 0;
}

.buttons-right, .buttons-left {
	padding-left: 0;
}

.buttons-left {
	margin-left: 0;
}

.buttons-right {
	margin-right: 0;
}

fieldset .buttons {
	margin-right: 1em;
}

.buttons a, .buttons a.lbOn, .buttons a.lbAction, .buttons button {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none;
	float: left;
	text-decoration: none;
}

.buttons-right a, .buttons-right a.lbOn, .buttons-right a.lbAction, .buttons-right button {
	margin: 0 0 0 20px;
	float: right;
}

* html .buttons button, * html .buttons a {
	display: block;
}

*:first-child+html .buttons button, *:first-child+html .buttons a {
	display: block;
}
html>
/**/
body .buttons button {
	margin-top: -1px;
}

.buttons a span, .buttons button span, .buttons a span span, .buttons button span span {
	height: 33px;
}

.buttons a span, .buttons button span {
	position: relative;
	float: left;
	vertical-align: middle;
	padding: 0 0 0 33px;
}

.buttons a span, .buttons button span, .buttons a.thickbox span {
	background: transparent url('images/btn-go-left-bg.gif') 0 0 no-repeat;
}

.buttons a.delete span, .buttons a.back span, .buttons a.back_order span, .buttons a.back_compare span {
	background: transparent url('images/btn-back-left-bg.gif') 0 0 no-repeat;
}

.buttons a span span, .buttons button span span, .buttons a.thickbox span span {
	padding: 0 33px 0 0;
    background: transparent url('images/btn-go-right-bg.gif') 100% 0 no-repeat;
}

.buttons a.back span span, .buttons a span span#delete_address {
	background: transparent url('images/btn-back-right-bg.gif') 100% 0 no-repeat;
}

.buttons a span span span, .buttons button span span span {
	height: 33px;
	padding: 0;
	line-height: 32px;
	color: #fff;
	font-weight : bold;
	font-size: 13px;
}

.buttons button span span span {
	font-size: 14px;
/* toujours un px de plus */
}

.buttons a span span span, .buttons button span span span, .buttons a.thickbox span span span {
	background: transparent url('images/btn-go-middle-bg.gif') 0 0 repeat-x;
	padding-right : 5px;
}

.buttons a.back span span span, .buttons a span span#delete_address span {
	background: transparent url('images/btn-back-middle-bg.gif') 0 0 repeat-x;
	color: #119011;
	font-weight : bold;
}

* html .buttons button {
	width: 1%;
	overflow: visible;
}

*:first-child+html .buttons button {
	overflow: visible;
}

/* ########################################################################## */
/* #                                 LIGHTBOX                               # */
/* ########################################################################## */

/* ---------------------------------------------------------------------------*/
/* ------------- global settings needed for thickbox -------------------------*/
/* ---------------------------------------------------------------------------*/

*{padding: 0; margin: 0;}

/* ---------------------------------------------------------------------------*/
/* ------------- thickbox specific link and font settings --------------------*/
/* ---------------------------------------------------------------------------*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ---------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<----------------------------------------*/
/* ---------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 5px solid #CDCDCD;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: 1px solid #ccc;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	text-align : right;
	width : 20px;
	height : 20px;
	float : right;
}

#TB_closeAjaxWindow a {
	cursor : pointer;
}

#TB_ajaxWindowTitle{
	float:left;
	height : 25px;
	line-height : 25px;
	padding-left : 10px;
	font-weight: bold;
}

#TB_title{
	background-color:#fff;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxbloc2 {
    background: url('images/popup.jpg') 0 0 no-repeat;
    position: relative;
    width: 535px;
    height: 282px;
}

#TB_ajaxbloc2 #TB_closeAjaxWindow2 {
	text-align:right;
	position: absolute;
	top: 7px;
	right: 5px;
}

#TB_ajaxbloc2 #TB_ajaxContent {
    position: absolute;
    top: 35px;
    left: 200px;
    width: 315px;
    height: 300px;
    padding: 0;
}
#TB_ajaxbloc2 #TB_ajaxContent h3 {
    font-size: 14px;
    font-weight: bold;
}


#TB_ajaxbloc2 #TB_title {
    background: transparent;
}

#TB_ajaxbloc2 #TB_ajaxContent #email_news_popup_formrow .formlabel {
    width: 60px;
}

#TB_ajaxbloc2 #TB_ajaxContent #email_news_popup_formrow .formtext, #TB_ajaxbloc2 #TB_ajaxContent #email_news_popup_formrow .formtextlong {
    width: 222px;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.t_align_c {
    text-align: center;
}
#size_lightbox {
    width: 280px;
    margin: 0 auto;
}

/* ########################################################################## */
/* ########################################################################## */
/* ##                                                                      ## */
/* ##                               HEADER                                 ## */
/* ##                                                                      ## */
/* ########################################################################## */
/* ########################################################################## */

#header {
    width : 980px;
    height : 146px;
    background : transparent url('images/header.jpg') 0 0 no-repeat;
    position : relative;
}

#header a {
	text-decoration : underline;
}

#centrage_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#centrage_top, #centrage_top_in {
	height: 147px;
}

/* ########################################################################## */
/* #                                 LOGO                                   # */
/* ########################################################################## */

#logo {
    display: block;
    width: 250px;
    height: 70px;
    position: absolute;
    top: 20px;
    left: 15px;
}

/* ########################################################################## */
/* #                            BLOCS DU HEADER                             # */
/* ########################################################################## */

#header .header-bloc {
	float : left;
    margin-top : 15px;
    background : transparent url('images/header_bloc_bg.jpg') 0 0 no-repeat;
}

/* ###########################  BLOC CONTACT  ############################### */

#header #header-contact {
	margin-left : 450px;
	width : 200px;
    height : 60px;
    padding : 10px 25px;
    text-align : center;
}
#header #header-contact #no-vert {
	width : 200px;
	height : 20px;
	margin-top : 5px;
	background : transparent url('images/no_vert.png') 0 0 no-repeat;
	display:none;
}
#right-box-par-telephone {
display:none;
}

#header #header-contact #p2 {
	font-size : 12px;
}

/* ###########################  BLOC PANIER  ################################ */

#header-panier {
	margin-left : 15px;
    width : 250px;
    height : 80px;
    text-align : left;
}

#header-panier #link-panier {
	width : 180px;
	height : 73px;
	padding-left : 70px;
	padding-top : 7px;
	font-size : 12px;
	background : transparent url('images/icon_bloc_panier.jpg') 0 0 no-repeat;

}

#header-panier #link-panier p {
	line-height : 20px;
}

#header-panier #link-panier #mon-panier {
	padding-right : 10px;
	color : #959e8d;
	font-weight : bold;
}

#header-panier #link-panier #mon-compte {
	padding-left : 10px;
	background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

#header-panier #link-panier #nb-articles {
	font-weight : bold;
}

#header-panier #link-panier #btn a {
	display : block;
	width : 123px;
	height : 20px;
	cursor : pointer;
	margin-top : 3px;
	background : transparent url('images/btn_bloc_panier.gif') 0 0 no-repeat;
}

#header-panier #link-panier #btn a span {
	display : block;
	width : 123px;
	height : 20px;
	line-height : 20px;
	color : #ffffff;
	font-style : italic;
	text-align : center;
}


/* ###############################  MENU  ################################### */

#menu {
    position: absolute;
    left: 0;  /* nécessaire ie */
    top: 108px;
    width: 980px;
    height: 38px;
    background : transparent url('images/menu_bg3.jpg') 0 0 no-repeat;
}

#menu ul .item {
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

#menu ul .item span, #menu ul .item_current span {
	float : left;
	display : block;
	height : 38px;
	line-height : 38px;
	font-weight : bold;
	font-size : 13px;
}

#menu ul .item span.left-bg {
	width : 5px;
	margin-left : -1px; /* pour annuler la double bordure */
	background : transparent url('images/menu_bg_left_span.jpg') 0 0 no-repeat;
}

#menu ul .item span.middle-bg {
	background : transparent url('images/menu_bg_middle_span.jpg') 0 0 repeat-x;
	padding : 0 10px;
	color : #ffffff;
}

#menu ul .item span.right-bg {
	width : 5px;
	background : transparent url('images/menu_bg_right_span.jpg') 0 0 no-repeat;
}

#menu ul #item_4 span.left-bg {
	width : 5px;
	margin-left : -1px; /* pour annuler la double bordure */
	background : transparent url('images/pro_menu_bg_left_span.jpg') 0 0 no-repeat;
}

#menu ul #item_4 span.middle-bg {
	background : transparent url('images/pro_menu_bg_middle_span.jpg') 0 0 repeat-x;
	padding : 0 10px;
	color:#84501e;
}

#menu ul #item_4 span.right-bg {
	width : 5px;
	background : transparent url('images/pro_menu_bg_right_span.jpg') 0 0 no-repeat;
}


#menu ul .item_current span.left-bg {
	width : 5px;
	background : #ffffff;
	margin-left : -1px; /* pour annuler la double bordure */
}

#menu ul .item_current span.middle-bg {
	background : #ffffff;
	padding : 0 10px;
	color : #747F6B;
}

#menu ul .item_current span.right-bg {
	width : 5px;
	background : #ffffff;
}




#menu ul .item a, #menu ul .item_current a {
    display : block;
    width : 100%
    height : 38px;
    text-decoration : none;
}

#menu ul .item a:hover span {
    background : #689b3c;
}

#menu ul .item_current a:hover {
    background : #ffffff;
}


#menu #item_5{
	float : right;
	width : 329px;
}
/* Recherche */

#menu #item_7 #formulaire {
	width : 329px;
	height : 38px;
}

/* Moteur de recherche*/

#recherche {
	position : relative;
	width : 329px;
	height : 38px;
}

#search_input, #recherche .hint {
	position : absolute;
	top : 7px;
	left : 100px;
	width : 165px;
	height : 23px;
	line-height : 23px;
	border : none;
	font-size : 14px;
	color : #000;
}

#recherche .submit {
	position : absolute;
	top : 6px;
	left : 269px;
	width : 35px;
	height : 25px;
	border : none;
	cursor : pointer;
	font-size : 0;
	text-indent:-5000px;
	background : none;
}

/* ########################################################################## */
/* ########################################################################## */
/* ##                                                                      ## */
/* ##                               MIDDLE                                 ## */
/* ##                                                                      ## */
/* ########################################################################## */
/* ########################################################################## */

/* ########################################################################## */
/* #                        TEMPLATES / CENTRAGES                           # */
/* ########################################################################## */

.centrage {
    margin-top : 176px;
	width: 1130px;
	margin: 0 auto;
}


*+html .centrage {
    margin-top : 0;
}

#container-out {
	text-align : left;
	margin-top : 176px;
	width : 1130px;
	background : transparent url('images/container_out_bg.jpg') 0 0 repeat-y;
}

#container-in {
	float : left;
	height : 500px;
	width : 980px;
	padding : 0 75px;
	background : transparent url('images/container_in_bg.jpg') 0 0 no-repeat;
}

html>body #container-in {
	height : auto;
	min-height : 500px;
}

#centrage_bottom {
	width: 100%;
}

#centrage_bottom, #centrage_bottom_in {
	height: 310px;
}


/* ############## TEMPLATE 1 : Colonne gauche, conteneur droit ############## */

#centrage-1 #middle {
  float : right;
  width : 790px;
}

#centrage-1 #left {
  float : left;
  width : 208px;
  background : #EDE1D6;
  padding : 0 1px 0px 1px;
}

* html #centrage-1 #left {
    float : left;
}

/* ############## TEMPLATE 2 : Conteneur gauche, colonne droite ############# */

#centrage-2 #middle {
	float : left;
	width : 670px;
	margin : 20px;
	min-height : 500px;
	margin-top : 0;
}

#centrage-2 #right {
	float : left;
	width : 250px;
	margin : 20px 0;
	min-height : 500px;
}

#page_product_info #centrage-2 #right {
	margin-top : 40px;
}

/* ##### TEMPLATE 3 : Colonne gauche, conteneur droit - PAGE D'ACCUEIL ###### */

#centrage-3 #middle {
  float : right;
  width : 790px;
}

#centrage-3 #left {
  float : left;
  width : 208px;
  background : #fff;
  padding : 0 1px 0px 1px;
}

* html #centrage-3 #left {
    float : left;
}

/* ###################### TEMPLATE 4 : Conteneur global ##################### */

#centrage-4 #middle {
  float : left;
  width : 940px;
  padding : 20px;
}

#centrage-4 #container-in {
	float : left;
}

/* ####### TEMPLATE 5 : Conteneur central , colonnes gauche et droite ####### */

#centrage-5 #left {
	float : left;
	margin-left : 15px;
	margin-top : 15px;
	width : 170px;
	min-height : 300px;
}

#centrage-5 #middle {
	float : left;
	margin-left : 15px;
	width : 520px;
	min-height : 300px;
}

#centrage-5 #right {
	float : left;
	width : 230px;
	margin-left : 15px;
	margin-right : 15px;
	margin-top : 15px;
	min-height : 300px;
}


/* ########################################################################## */
/* #                            COLONNE DROITE                              # */
/* ########################################################################## */

/* ###############################  BOXES  ################################## */

.box1 {
  width : 248px;
  border : 1px solid #e9eae7;
  margin-bottom : 10px;
}

.box1 .title1 {
	width : 248px;
	height : 30px;
	background : transparent url('images/box1_title_bg.jpg') 0 0 no-repeat;
}

.box1 .content1 {
	width : 230px;
	padding : 9px;
	color : #676767;
}

.box1 .title1 span {
	display : block;
	width : 228px;
	height : 30px;
	line-height : 30px;
	padding : 0 10px;
	color : #689b3c;
	font-size : 17px;
	font-weight : bold;
}

.box1 .title1 span a {
	text-decoration : none;
}

.box2 {
  width : 230px;
  margin-bottom : 15px;
}

.box2 .title2 {
	width : 230px;
	height : 17px;
	background : #e5e5e5;
}

.box2 .title2 span {
	display : block;
	height : 17px;
	line-height : 17px;
	padding-left : 5px;
	color : #000000;
	font-size : 12px;
	font-weight : bold;
}

.box2 .title2 span.info {
	width : 210px;
	padding-left : 22px;
	background : transparent url('images/icon-info.gif') 2px 50% no-repeat;
}

.box2 .content2 {
	width : 230px;
}

.box2 .content2 p {
	width : 222px;
	padding : 4px;
}

.box3 {
  width : 168px;
  border : 1px solid #dddddd;
  margin-bottom : 10px;
}

.box3 .title3 {
	background : url("images/titre_page_bg.gif") repeat-x scroll 0 0 transparent;
	border-bottom : 1px solid #dddddd;
	color : #008800;
	font-size : 14px;
	font-weight : bold;
	height : 24px;
	line-height : 24px;
	padding-left : 15px;
	width : 153px;
}

.box3 .content3 {
	width : 166px;
	margin : 1px;
	background : #e6e6e6;
	padding-bottom:5px;
}

.box3 .content3 ul li {
	width : 140px;
	height : 22px;
	line-height : 22px;
	padding-left : 20px;
	margin-left : 6px;
}

/* Adwords Page HOME */

.right-box-adword {
	width : 250px;
	height : 80px;
	margin-bottom : 20px;
}

/* Box "A propos de Jetform" */

#right-box-a-propos .content1 img {
	float : left;
	margin : 5px;
}

/* Box "Sur le Blog" */

.box1 .title1 #title-box-blog {
	float : left;
	width : 188px;
	padding-right : 0;
}

.box1 .title1 #btn-prec-next {
	display : block;
	float : right;
	width : 40px;
	height : 20px;
	padding : 0 10px 0 0;
	margin : 5px 0;
	background : transparent url('images/btn_box_blog.jpg') 0 0 no-repeat;
}

.box1 .title1 #btn-prec-next #prec, .box1 .title1 #btn-prec-next #next {
	display : block;
	float : left;
	width : 20px;
	height : 20px;
	cursor : pointer;
}

#right-box-sur-le-blog .content1 #actu-img {
	width : 80px;
	height : 80px;
	float : left;
}

#right-box-sur-le-blog .content1 #actu-desc {
	width : 140px;
	margin-left : 90px;
}

#right-box-sur-le-blog .content1 #actu-desc .name {
	font-weight : bold;
}

#right-box-sur-le-blog .content1 #actu-desc .name a {
	color : #676767;
	font-weight : bold;
}


#right-box-sur-le-blog .content1 #actu-desc p span {
	padding : 10px;
	background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

/* Box "Nos garanties" */

#right-box-nos-garanties ul li {
	width : 180px;
	height : 40px;
	line-height : 40px;
	margin-bottom : 5px;
	padding-left : 50px;
	font-size : 12px;
	font-weight : bold;
}

#right-box-nos-garanties ul #garantie1 {
	background : transparent url('images/icon-garantie1.gif') 0 0 no-repeat;
}

#right-box-nos-garanties ul #garantie2 {
	background : transparent url('images/icon-garantie2.gif') 0 0 no-repeat;
}

#right-box-nos-garanties ul #garantie3 {
	background : transparent url('images/icon-garantie3.gif') 0 0 no-repeat;
}

#right-box-nos-garanties ul #garantie4 {
	background : transparent url('images/icon-garantie4.gif') 0 0 no-repeat;
}

#right-box-nos-garanties ul #garantie5 {
	background : transparent url('images/icon-garantie5.gif') 0 0 no-repeat;
}

/* Box "Produits associés" */

#right-box-produits-associes ul li {
	width : 230px;
	height : 70px;
	margin-top : 9px;
}

#right-box-produits-associes ul .first {
	margin-top : 0;
}

#right-box-produits-associes ul li .prod-img {
	float : left;
	width : 110px;
	height : 70px
}

#right-box-produits-associes ul li .prod-desc {
	float : left;
	width : 110px;
	height : 70px;
	margin-left : 10px;
}

#right-box-produits-associes ul li .prod-desc .title a {
	color : #000000;
	font-weight : bold;
	font-size : 12px;
}

#right-box-produits-associes ul li .prod-desc .price {
	font-weight : bold;
}

#right-box-produits-associes ul li .prod-desc .link {
	padding-left : 10px;
	background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

/* Box "Dans la même gamme" */

#right-box-meme-gamme .prod-img {
	width : 230px;
	height : 85px;
	margin-top : 9px;
}

#right-box-meme-gamme .first {
	margin-top : 0;
}

/* Box gauche "Nos garanties" */

#left-box-nos-garanties .content3 ul #garant1 {
	background : transparent  url('images/icon-livraison.gif') 0 50% no-repeat;
}

#left-box-nos-garanties .content3 ul #garant2 {
	background : transparent  url('images/icon-francais.gif') 0 50% no-repeat;
}

#left-box-nos-garanties .content3 ul #garant3 {
	background : transparent  url('images/icon-sav.gif') 0 50% no-repeat;
}

#left-box-nos-garanties .content3 ul #garant4 {
	background : transparent  url('images/icon-2ans.gif') 0 50% no-repeat;
}

#left-box-nos-garanties .content3 ul #garant5 {
	background : transparent  url('images/icon-paiement-secur.gif') 0 50% no-repeat;
}

#left-box-nos-garanties .content3 ul #garant6 {
	background : transparent  url('images/icon-qualite.gif') 0 50% no-repeat;
}

#left-box-nos-garanties .content3 ul li a {
	color : #1f1f1f;
}

#left-box-nos-garanties .content3 ul {
	margin-bottom : 5px;
}

#left-box-nos-garanties .content3 span {
	padding-left : 10px;
	margin : 0 0 5px 11px;
	background : transparent url('images/puce2.gif') 0 50% no-repeat;
}

/* Box "Infos Catégorie Produits" */

#right-box-infos-catprod p {
	margin-bottom : 10px;
}

#right-box-infos-catprod a {
	color : #676767;
}

#right-box-infos-catprod table {
	margin-bottom : 5px;
}

#right-box-infos-catprod table tbody tr td {
	text-align : center;
}

#right-box-infos-catprod ul {
	width : 230px;
}

#right-box-infos-catprod ul li {
	width : 230px;
	height : 50px;
	margin : 5px 0;
}

#right-box-infos-catprod ul li img {
	display : block;
	float : left;
	height : 50px;
}

 #right-box-infos-catprod ul li span {
 	display : block;
 	float : left;
 	height : 50px;
 	line-height : 50px;
	padding-left : 10px;
}
/* Box "Découvrir aussi" */

#right-box-decouvrez-aussi .img-cat {
	position : relative;
	width : 230px;
	height : 85px;
	margin-bottom : 10px;
}

#right-box-decouvrez-aussi .img-cat img {
	position : absolute;
	width : 230px;
	height : 85px;
	top : 0;
	left : 0;
}

#right-box-decouvrez-aussi .img-cat p {
	position : absolute;
	width : 150px;
	height : 65px;
	top : 15px;
	left : 7px;
	color : #ffffff;
	font-size : 14px;
	font-weight : bold;
	line-height : 20px;
	z-index : 10;
}


/* ########################################################################## */
/* #                                 MIDDLE                                 # */
/* ########################################################################## */

/* ############################## TOUTES PAGES ############################## */

#page-content {
  width : 762px;
  padding : 5px 10px 10px 18px;
}

#middle {
    font-size: 12px;
}

#middle h2, #middle h2 a {
    text-transform : uppercase;
    font-size : 22px;
    font-weight : bold;
    color : #CDCDCD;
    padding : 5px 0 5px 0;
    line-height : 25px;
}

#middle #titre_page {
    height : 24px;
    line-height : 24px;
    font-size : 20px;
    color : #008800;
    font-weight : bold;
    border : 1px solid #cccccc;
    text-transform : none;
    padding : 0 0 0 15px;
    background : transparent url('images/titre_page_bg.gif') 0 0 repeat-x;
    margin-bottom : 15px;
}


/* ############################### BREADCRUMB  ############################## */

#breadcrumb-multiple {
  width : 670px;
  height : 40px;
  line-height : 40px;
  background : #ffffff;
  /*margin-top : -20px;*/
}

#breadcrumb-multiple .trail {
	height : 40px;
	line-height : 40px;
	padding : 0 8px;
	background : transparent url('images/trail.gif') 50% 50% no-repeat;
}

#centrage-5 #breadcrumb-multiple {
	width : 520px;
	height : 50px;
	line-height : 50px;

}

/* ########################### PAGE CRITER_INFO  ############################ */

.cat-desc {
    position: relative;
}

.cat-desc .image {
	float : left;
    position: absolute;
    top: 0;
    right: 0;
}

.cat-desc #desc-criter {
    float : left;
    margin-bottom : 15px;
}

/* ################################ PRODUITS  ############################### */


#middle .first-product {
  margin-left : 0;
}

/* ============================  MODE "NORMAL"  ============================= */

.produit_normal {
  width : 200px;
  height : 266px;
  margin : 0 20px 20px 0;
  padding : 4px;
  border : 1px solid #e9eae7;
  float : left;
  position: relative; /* BOF 85-STICKER_PRODUITS */
}

.produit-right {
    margin-right: 0;
}

.produit_normal .name-prod {
	float : left;
	height : 30px;
	line-height : 26px;
	font-size : 14px;
	font-weight : bold;
}

.produit_normal .name-prod a {
	color : #1f1508;
}

.produit_normal .name-prod a:hover {
	text-decoration : none;
}

.produit_normal .color {
	float : right;
	height : 30px;
	line-height : 30px;
}

.produit_normal .color ul {
	height : 30px;
}

.produit_normal .color ul li {
	float : left;
	width : 13px;
	height : 13px;
	margin : 8px 1px 9px 1px;
}

.produit_normal .color ul li {
	display : block;
	width : 13px;
	height : 13px;
}

.produit_normal .color ul li span.masque-color-2 {
	display : block;
	width : 13px;
	height : 13px;
	background : transparent url('images/masque_color_2.png') 0 0 no-repeat;
}

.produit_normal .image {
    width: 200px;
    height: 200px;
    margin-bottom : 3px;
}

.produit_normal .info {
	width : 200px;
	height : 33px;
}

.produit_normal .price {
	float : left;
	width : 100px;
	height : 33px;
}

.produit_normal .link {
	float : left;
	width : 100px;
	height : 33px;
	text-align : right;
}

.produit_normal .link span {
	line-height : 33px;
	padding-left : 10px;
	background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

.produit_normal .masque {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    background: transparent url('images/loupe.png') 0 0 no-repeat;
    display: none;
}

/*
.produit_normal .masque_promo
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: transparent url('images/promob.png') 0 0 no-repeat;
}
*/

.produit_normal .masque_promo, .produit_small .masque_promo, .produit_normal .masque_epuise, .produit_small .masque_epuise
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    background: transparent url('images/promom.png') 0 0 no-repeat;
    z-index: 3;
}

.produit_normal .masque_epuise, .produit_small .masque_epuise
{
    background-image: url('images/epuise.png');
}

.produit_normal .product-img {
  width : 171px;
  height : 128px;
  border : 1px solid #dcd2c5;
}

.produit_normal .product-desc {
  width : 173px;
  height : 85px;
  background : transparent url('images/product-desc-bg.jpg') 0 0 no-repeat;
}

.produit_normal .product-title {
  width : 163px;
  height : 43px;
  color : #492d1c;
  font-weight : bold;
  text-align : center;
  padding : 5px;
}

.produit_normal .product-title a {
  color : #492d1c;
  text-decoration : none;
}

.produit_normal .product-title a:hover {
  color : #e69206;
}

.produit_normal .product-price {
  width : 100px;
  height : 33px;
}

.produit_normal .normal_price {
	font-size : 14px;
	font-weight : bold;
	line-height : 33px;
}

/* ============================  MODE "SMALL"  ============================== */

.produit_small {
  width : 160px;
  height : 206px;
  margin-left : 25px;
  float : left;
  position: relative; /* BOF 85-STICKER_PRODUITS */
}

.produit_small .product-img {
  width : 158px;
  height : 118px;
  border : 1px solid #dcd2c5;
}

.produit_small .product-desc{
  width : 160px;
  height : 86px;
  background : transparent url('images/home-product-desc-bg.jpg') 0 0 no-repeat;
}

.produit_small .product-title {
  width : 150px;
  height : 43px;
  color : #492d1c;
  font-weight : bold;
  text-align : center;
  padding : 5px;
}

.produit_small .product-price {
  width : 160px;
  height : 32px;
  line-height : 32px;
  color : #d97300;
  font-weight : bold;
  text-align : center;
  margin-top : 1px;
}

/* ==============================  MODE "BOX"  ============================== */

.produit_box {
  width : 160px;
  height : 206px;
  margin-left : 25px;
  margin-top : 15px;
  font-size : 12px;
}

.produit_box .product-img{
  width : 158px;
  height : 118px;
  border : 1px solid #dcd2c5;
}

.produit_box .product-desc {
  width : 160px;
  height : 86px;
}

.produit_box .product-title {
  width : 150px;
  height : 43px;
  color : #492d1c;
  font-weight : bold;
  text-align : center;
  padding : 5px;
}

.produit_box .product-price {
  width : 160px;
  height : 32px;
  line-height : 32px;
  color : #d97300;
  font-weight : bold;
  text-align : center;
  margin-top : 1px;
  border-top : 1px dotted #936849;
}

/* ===========================  MODE "CARROUSEL"  =========================== */

.produit_carrousel {
  width : 169px;
  height : 221px;
}

.produit_carrousel .product-img {
  width : 158px;
  height : 118px;
  border : 1px solid #dcd2c5;
}

.produit_carrousel .product-desc {
  width : 150px;
  height : 86px;
  padding : 5px;
}

.produit_carrousel .product-title {
  width : 150px;
  height : 43px;
  color : #492d1c;
  font-weight : bold;
  text-align : center;
}

.produit_carrousel .product-price {
  width : 150px;
  height : 32px;
  line-height : 32px;
  color : #d97300;
  font-weight : bold;
  text-align : center;
  margin-top : 6px;
  border-top : 1px dotted #936849;
}

/* ############################ PAGE D'ACCUEIL ############################## */

/* ====================  CADRE PUBLICITAIRE - SLIDER  ======================= */

#middle #home-slider {
	width : 670px;
	height : 280px;
	margin-bottom : 20px;
	position : relative;
}

#middle #home-slider .slider-ad {
	position : absolute;
	top : 0;
	left : 0;
	width : 670px;
	height : 280px;
}

#middle #home-slider .slider-ad .slider-content {
	margin-left : 300px;
	width : 320px;
	height : 280px;
	position : absolute;
	top : 0;
	left : 0;
}

#middle #home-slider .slider-ad .slider-content .title {
	margin-top : 25px;
	height : 25px;
	line-height : 25px;
	font-size : 24px;
	font-weight : bold;
}

#middle #home-slider .slider-ad .slider-content .desc {
	margin-top : 20px;
}

#middle #home-slider .slider-ad .slider-content .btn {
	display : block;
	width : 110px;
	height : 20px;
	margin-top : 15px;
	line-height : 20px;
	text-align : center;
	color : #ffffff;
	font-style : italic;
	background : transparent url('images/btn_home_slider.png') 0 0 no-repeat;
	cursor : pointer;
}

#middle #home-slider #nav-btn {
	position : absolute;
	top : 245px;
	left : 550px;
	width : 103px;
	height : 20px;
	z-index : 100;
}

#middle #home-slider #nav-btn a {
	display : block;
	width : 20px;
	height : 20px;
	line-height : 20px;
	margin : 0 3px;
	color : #ffffff;
	font-weight : bold;
	text-align : center;
	float : left;
	cursor : pointer;
}

#middle #home-slider #nav-btn a:visited,
#middle #home-slider #nav-btn a:hover,
#middle #home-slider #nav-btn a:focus,
#middle #home-slider #nav-btn a:active {
	text-decoration : none;
}

#middle #home-slider #nav-btn a.actif {
	background : transparent url('images/slider_nav_actif.gif') 0 0 no-repeat;
}

#middle #home-slider #nav-btn a.inactif {
	background : transparent url('images/slider_nav_inactif.gif') 0 0 no-repeat;
}

/* ========================  LISTING DES PRODUITS  ========================== */


#middle .home-section-prod {
	width : 670px;
	height : 205px;
	margin-bottom : 20px;
}



#middle .home-section-prod .title, #middle .home-section-prod2 .title {
	width : 670px;
	height : 40px;
	line-height : 40px;
	font-size : 17px;
	font-weight : bold;
	color : #689B3C;
}

#middle .home-section-prod .title a, #middle .home-section-prod2 .title a {
	text-decoration : none;
}

#middle .home-section-prod .home-liste-prod {
	width : 670px;
	height : 165px;
}

#middle .home-section-prod .home-liste-prod .home-gamme {
	float : left;
	margin-left : 20px;
	width : 200px;
	height : 155px;
	padding : 4px;
	border : 1px solid #e9eae7;
}

#middle .home-section-prod .home-liste-prod .first {
	margin-left : 0;
}

#middle .home-section-prod .home-liste-prod .home-gamme p {
	height : 31px;
	line-height : 28px;
	color : #000000;
	font-weight : bold;
	font-size : 13px;
}

#middle .home-section-prod .home-liste-prod .home-gamme img {
	display : block;
	width : 200px;
	height : 85px;
	margin-bottom : 4px;
}

#middle .home-section-prod .home-liste-prod .home-gamme .a-partir,
#middle .home-section-prod .home-liste-prod .home-gamme .link {
	float : left;
	width : 100px;
	height : 35px;
}

#middle .home-section-prod .home-liste-prod .home-gamme .a-partir {
	color : #747f6b;
	line-height : 16px;
}

#middle .home-section-prod .home-liste-prod .home-gamme .a-partir span {
	font-weight : bold;
}

#middle .home-section-prod .home-liste-prod .home-gamme .link span {
	display : block;
	height : 35px;
	line-height : 35px;
	text-align : right;
	padding-left : 10px;
	background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

#middle a.name-link {
	color : #000000;
}


#middle .home-section-prod2 {
	width : 670px;
	height : 216px;
	margin-bottom : 20px;
}

#middle .home-section-prod2 .home-liste-prod2 {
	width : 660px;
	height : 156px;
	padding : 9px;
	border : 1px solid #e9eae7;
}

#middle .home-section-prod2 .home-liste-prod2 {
	width : 660px;
	height : 156px;
	padding : 9px;
	border : 1px solid #e9eae7;
}

#middle .home-section-prod2 .home-liste-prod2 .home-prod {
	float : left;
	width : 141px;
	height :156px;
	margin : 0 12px;
}

#middle .home-section-prod2 .home-liste-prod2 .home-prod p {
	height : 23px;
	line-height : 14px;
	color : #000000;
	font-weight : bold;
	font-size : 13px;
}

#middle .home-section-prod2 .home-liste-prod2 .home-prod img {
	display : block;
	width : 141px;
	height : 90px;
	margin-bottom : 4px;
}

#middle .home-section-prod2 .home-liste-prod2 .home-prod .price {
	width : 141px;
	color : #747f6b;
	font-size : 12px;
	font-weight : normal;
}

#middle .home-section-prod2 .home-liste-prod2 .home-prod .price span {
	font-weight : bold;
}

#middle .home-section-prod2 .home-liste-prod2 .home-prod .link {
	width : 141px;
	font-size : 12px;
	font-weight : normal;
}

#middle .home-section-prod2 .home-liste-prod2 .home-prod .link span {
	padding-left : 10px;
	background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

/* =======================  COLONNE DROITE / BOXES  ========================= */


#home-right-boxes {
  float : left;
  width : 211px;
}

.home-right-box {
  width : 211px;
  background : #f6eee8;
  margin-bottom : 15px;
}

.home-right-box-title {
  width : 211px;
  height : 38px;
  line-height : 38px;
  background : transparent url('images/right-box-title-bg.jpg') 0 0 no-repeat;
  text-align : center;
  color : #fff;
  font-size : 16px;
  font-weight : bold;
  text-transform : uppercase;
}

.home-right-box-content {
  padding : 10px;
}

#home-box-zrh .home-right-box-content {
	padding: 0;
}

/* ----------------------------  ACTUALITES  -------------------------------- */

#home-box-actualite .actu {
  padding-bottom : 10px;
  margin-bottom : 10px;
  border-bottom : 1px dotted #936849;
}

#home-box-actualite .actu .date-actu {
  color : #936849;
  font-weight : bold;
}

#home-box-actualite .actu .titre-actu {
  font-weight : bold;
}

#home-box-actualite .all-news {
  text-align : right;
}

#home-box-actualite .all-news span {
  padding-left : 12px;
  background : transparent url('images/puce-link.gif') 0 50% no-repeat;
}

/*-------------------------------  PAIEMENTS  ------------------------------- */

#home-box-paiement-content {
  width : 211px;
  height : 212px;
  background : transparent url('images/right-box-paiement-bg.jpg') 0 0 no-repeat;
}

#home-box-paiement-content a {
  display : block;
  width : 211px;
  height : 212px;

}

/* -----------------------------  ENGAGEMENTS  ------------------------------ */

#home-box-engagements ul li {
  height : 30px;
  line-height : 30px;
  border-bottom : 1px dotted #936849;
}

#home-box-engagements ul li span {
  padding-left : 12px;
  background : transparent url('images/puce-link.gif') 0 50% no-repeat;
}

#home-box-engagements ul li.last {
  border-bottom : none;
}

/* ########################### LISTING PRODUITS ############################# */

#critere_result {
	width : 670px;
	margin : 10px 0;
}

#nb_results {
	margin : 10px 0;
}

#nb_results span {
	padding-left : 10px;
	font-weight : bold;
	background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

#page_index_products .cat-desc {
	width : 670px;
	height : 150px;
	margin-bottom : 15px;
}

#page_index_products .cat-desc .image {
    position: absolute;
    width : 670px;
    height : 150px;
    top: 0;
    left: 0;
}

#page_index_products .cat-desc .desc {
    position: absolute;
    width : 350px;
    height : 110px;
    top: 0;
    left: 0;
    padding : 20px 0 20px 20px;
    z-index : 20;
}

#page_index_products .cat-desc .desc p.title {
	color : #ffffff;
    font-size : 34px;
    font-weight : bold;
    line-height : 35px;
    margin-bottom : 5px;
}

#page_index_products .cat-desc .desc p.baseline {
	color : #ABA583;
    font-size : 20px;
    /*font-weight : bold;*/
    line-height : 20px;
    margin-top : 15px;
}

/* ############################ FICHE PRODUIT ############################### */

#first-bloc {
  margin-bottom : 20px;
}

#zone_image {
    float: left;
    width: 330px;
    height : 372px;
    /* BOF 85-STICKER_PRODUITS */
    position: relative;
    /* EOF 85-STICKER_PRODUITS */
}

#big_image {
    border: 1px solid #ebebe9;
    width : 328px;
    height: 258px;
}

#others_images {
	width : 320px;
	height : 68px;
	padding : 0 4px;
	border-left : 1px solid #ebebe9;
	border-right : 1px solid #ebebe9;
	border-bottom : 1px solid #ebebe9;
}

#others_images li {
    float : left;
    margin : 2px 0;
    width : 64px;
    height : 64px;
}

#others_images li img {
	border : 2px solid #ffffff;
}

#others_images li img.current_img {
	border : 2px solid #555555;
}

#print-share {
	margin-top : 10px;
	width : 330px;
	height : 40px;
}

#print-share #print-product {
	display : block;
	float : left;
	width : 135px;
	height : 30px;
	line-height : 30px;
	padding-left : 35px;
	background : transparent url('images/icon-print.gif') 0 0 no-repeat;
}

#print-share #share-product {
	float : left;
	width : 160px;
	height : 30px;
	line-height : 30px;
	font-weight : bold;
}

#print-share #share-product span {
	display : block;
	float : left;
	width : 80px;
	height : 30px;

}

#print-share #share-product .btn-share {
	display : block;
	float : left;
	width : 30px;
	height : 30px;
	margin-right : 5px;
}

#print-share #share-product #facebook {
	background : transparent url('images/icon-facebook.gif') 50% 50% no-repeat;
}

#print-share #share-product #twitter {
	background : transparent url('images/icon-twitter.gif') 50% 50% no-repeat;
}

#middle #zone_desc {
    float: left;
    width: 320px;
    padding-left : 20px;
}

#middle #zone_desc h1 {
	font-size : 28px;
	font-weight : bold;
	line-height : 28px;
}

#middle #zone_desc p {
	margin : 5px 0;
}

#middle #zone_desc #caract p {
	color : #689b3c;
	font-weight : bold;
	font-size : 16px;
	text-transform : none;
}

#middle #zone_desc #caract ul li {
	padding-left : 20px;
	font-size : 10px;
	font-weight : bold;
	background : transparent url('images/puce_ul.gif') 0 50% no-repeat;
}

#middle #zone_desc #caract {
	float : left;
	width : 240px;
}

#middle #zone_desc #crit-zone {
	float : left;
	width : 80px;
	height : 150px;
}

#big_image_int {
	float : left;
	width : 250px;
	height : 250px;
	padding : 4px;
}

#color_zoom {
	float : left;
	width : 70px;
    height: 258px;
}

#color {
    width: 70px;
    height: 214px;
	padding-top : 4px;
}

#color p {
    display : block;
    width : 70px;
    height : 24px;
    text-align : center;
    font-size : 10px;
    line-height : 12px;
    padding-bottom : 10px;
    margin-bottom : 5px;
    background : transparent url('images/fleche-bas.gif') 50% 100% no-repeat;
}

#color #select-color {
	width : 70px;
	height : 175px;
	text-align : center;
}

#select-color #list-color {
	width : 70px;
}

#select-color #list-color li {
	width : 33px;
	height : 26px;
	margin : 0 auto;
}

#select-color #list-color li span {
	display : block;
	width : 33px;
	height : 26px;
	margin : 0 auto;
}

#select-color #list-color li span {
	cursor : pointer;
}

#select-color #list-color li span.masque-color {
	background : transparent url('images/masque_color.png') 0 0 no-repeat;
}

#select-color #list-color li span.masque-current-color {
	background : transparent url('images/masque_current_color.png') 0 0 no-repeat;
}

#coloris_disponible {
    height: 45px;
}

#coloris_disponible span, #coloris_disponible #other_color {
    float: left;
}

#coloris_disponible span {
    display: block;
    width: 131px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
}

#other_color li {
    float: left;
    width: 27px;
    height: 31px;
    margin-right: 10px;
}

#other_color li.color_selected {
    background: #fff url('images/color-selected.jpg') 0 0 no-repeat;
}

#other_color li span {
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid #999;
}

#info_zoom {
    width: 70px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

#info_zoom span {
	padding-left : 15px;
	background : transparent url('images/loupe.gif') 0 50% no-repeat;
}

#middle #zone_desc #add_product {
	width : 305px;
	height : 62px;
	background : #f2f2f1;
	margin-top : 15px;
	padding : 10px;
}

#middle #zone_desc #add_product #options {
	float : left;
	width : 170px;
	height : 62px;
	background : #f2f2f1;
	font-size : 10px;
}

#middle #zone_desc #add_product #options #paiement-3fois {
	width : 105px;
	height : 60px;
	padding-left : 50px;
	background : transparent url('images/icon-3x-sans-frais.gif') 0 0 no-repeat;
}

#middle #zone_desc #add_product #options #paiement-3fois p {
	line-height : 14px;
	margin : 0;
}

#middle #zone_desc #add_product #options #paiement-3fois p span.big {
	font-weight : bold;
	text-transform : uppercase;
	font-size : 12px;
}

#middle #zone_desc #add_product #options #paiement-3fois p span.italic {
	font-style : italic;
}

#middle #zone_desc #add_product #options #livraison {
	width : 170px;
	height : 33px;
}

#middle #zone_desc #add_product #options #livraison img {
	display : block;
	float : left;
	height : 30px;
	padding : 0 10px 3px 0;
	width : 40px;
}

#middle #zone_desc #add_product #options #livraison span {
	display : block;
	float : left;
	width : 120px;
	height : 33px;
	line-height : 14px;
}

#middle #zone_desc #add_product #action {
	float : left;
	width : 135px;
	height : 62px;
	background : #f2f2f1;
	text-align : right;
}


#middle #info_prod #description-produit h2, #middle #info_prod #ventes-croisees h2 {
    font-size: 23px;
    text-transform: uppercase;
    color: #CDCDCD;
    padding-top : 0;
}

#middle #zone_desc .model-product {
  color : #e69206;
  font-size : 12px;
  font-weight : bold;
  margin-bottom : 15px;
}

#middle #zone_desc .price {
    margin-bottom : 10px;
}

#middle #zone_desc .normal_price {
	width : 135px;
	height : 30px;
	line-height : 26px;
	text-align : right;
	color : #6a5d4c;
	font-weight : bold;
	font-size : 24px;
}

#middle #zone_desc #add-to-cart {
	width : 116px;
	height : 32px;
}

#middle #infos_links {
  float : left;
  width : 172px;
  margin-right : 12px;
  border-bottom : 1px dotted #CDCDCD;
}

#middle #infos_links .infos_links_span {
    display : block;
    width : 152px;
    line-height : 15px;
    padding : 5px 0 5px 20px;
    border-top : 1px dotted #CDCDCD;
    font-size: 10px;
}

#middle #infos_links #recevoir-produit {
  width : 127px;
  padding-left : 45px;
  background : transparent url('images/icon-poste.gif') 0 50% no-repeat;
}

#middle #infos_links #recommander-produit {
  background : transparent url('images/icon-recommander.gif') 0 50% no-repeat;
}

#middle #infos_links #imprimer-fiche-produit {
  background : transparent url('images/icon-imprimer.gif') 0 50% no-repeat;
}

#middle #infos_links #conseil-produit{
  background : transparent url('images/icon-conseil.gif') 0 50% no-repeat;
}

#middle #zone_desc #desc {
  width : 320px;
}

#middle #zone_desc #picto_right {
  float : left;
  width : 100px;
  text-align: center;
  margin-left: 20px;
}

#middle #zone_desc #choose_options {
  float : left;
  width : 187px;
  height : 153px;
  background : #f6f5eb;
}

#middle #zone_desc #choice_product {
  width : 167px;
  height : 77px;
  padding : 20px 10px 20px 10px;
  line-height : 30px;
  text-align : center;
  font-size: 20px;
  font-weight: bold;
}

#middle #zone_desc #actions_prod {
    width : 187px;
    text-align : center;
    position : relative;
    height : 36px;
}

#description-produit, #ventes-croisees {
  border-top : 1px dotted #CDCDCD;
  padding-top : 10px;
  margin-bottom : 15px;
}

#description-produit a {
  display : block;
  margin-top : 10px;
}

.link-pdf {
  padding-left : 30px;
  background : transparent url('images/icon-pdf.gif') 0 50% no-repeat;
}

#middle #container-tabs {
	margin-top : 20px;
}

#tab-infos {
	position : relative;
	margin-top : 15px;
	width : 670px;
	height : 402px;
}

#tab-infos ul {
	height : 37px;
	background : transparent url('images/onglets-bg.gif') 0 0 repeat-x;
}

#tab-infos ul li {
	display : block;
	float : left;
	height : 37px;
}

#tab-infos ul li a {
	color : #908E82;
	cursor : pointer;
	display : block;
	height : 37px;
	text-decoration : none;
	width : 100%;
}

#tab-infos ul li .onglet-left {
	float : left;
	height : 37px;
	width : 10px;
	background : transparent url('images/onglet-left.gif') 0 0 no-repeat;
}

#tab-infos ul li.current .onglet-left {
	background : transparent url('images/onglet-left.gif') 0 -37px no-repeat;
}

#tab-infos ul li .onglet-center {
	float : left;
	height : 37px;
	background : transparent url('images/onglet-center.gif') 0 0 repeat-x;
}

#tab-infos ul li.current .onglet-center {
	background : transparent url('images/onglet-center.gif') 0 -37px repeat-x;
}

#tab-infos ul li .onglet-center span {
	line-height : 37px;
	padding : 0 5px;
}

#tab-infos ul li .onglet-right {
	float : left;
	height : 37px;
	width : 10px;
	background : transparent url('images/onglet-right.gif') 0 0 no-repeat;
}

#tab-infos ul li.current .onglet-right {
	background : transparent url('images/onglet-right.gif') 0 -37px no-repeat;
}

#tab-infos #infos-content {
	position : absolute;
	top : 36px;
	left : 0;
	width : 618px;
	height : 314px;
	padding : 25px;
	border-left : 1px solid #e9eae7;
	border-bottom : 1px solid #e9eae7;
	border-right : 1px solid #e9eae7;
	overflow-y : auto;
}

#tab-infos  #infos-content .content {
	display : none;
}

#tab-infos .current-info {
	display : block;
}

/* BOF 23-SYSTEME_DE_PRECOMMANDE */
.annonce_precommande {
	width: 100%;
	background: #e28c01;
	text-align: center;
	margin-bottom: 20px;
	padding: 10px 0;
}

.annonce_precommande p {
	font-size: 19px;
	color: red;
}

.panier_precommande {
	font-weight: bold;
	color: #f60;
}
/* EOF 23-SYSTEME_DE_PRECOMMANDE */

/* ==============================  CARROUSEL  =============================== */

#products-carousel {
  margin-top : 15px;
  width : 752px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#products-carousel .jcarousel-container {
    position: relative;
    margin-bottom: 10px;
}

#products-carousel .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#products-carousel .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 1px 0 0 0;
    padding: 0;
}

#products-carousel .jcarousel-list li,
#products-carousel .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 167px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
#products-carousel .jcarousel-next {
    z-index: 3;
    display: none;
}

#products-carousel .jcarousel-prev {
    z-index: 3;
    display: none;
}


#products-carousel .jcarousel-skin-tango .jcarousel-container {
    background: #f0eedf;
}

#products-carousel .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 676px;
    padding: 0 38px;
}

#products-carousel .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  676px;
    height: 221px;
}

#products-carousel .jcarousel-skin-tango .jcarousel-item {
    width: 159px;
    height: 211px;
    padding : 10px 5px 0 5px;
}

/*
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}
*/

#products-carousel .jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
#products-carousel .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 221px;
    cursor: pointer;
    background: transparent url('images/next-horizontal.jpg') no-repeat 0 0;
}

/*
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
*/
#products-carousel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
#products-carousel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
#products-carousel .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -221px;
}


#products-carousel .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 221px;
    cursor: pointer;
    background: transparent url('images/prev-horizontal.jpg') no-repeat 0 0;
}

/*
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
*/
#products-carousel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
#products-carousel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
#products-carousel .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -221px;
}

#products-carousel #mycarousel .produit_carrousel {
    float: left;
    width: 169px;
    height: 221px;
    margin: 0;
    text-align: center;
    position: relative;
}
#products-carousel #mycarousel .produit_carrousel .image {
    width: 153px;
    height: 153px;
}
#products-carousel #mycarousel .produit_carrousel .name {
    top: 167px;
    width: 155px;
}
#products-carousel #mycarousel .produit_carrousel .price {
    top: 185px;
    width: 155px;
}

/* ####################### PANIER / PROCESS DE COMMANDE ##################### */

/* ===================  ETAPES DU PROCESS / CHECKOUTBAR  ==================== */

.checkoutbar-bloc {
    margin-bottom: 30px;
}
.checkoutbar-bloc ul li a {
    display: block;
    height: 50px;
    position: relative;
    color: #000;
    font-size: 12px;
    position: relative;
}

.checkoutbar-bloc ul li a .picto {
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    background: url('images/process-commande.jpg') -50px 0 no-repeat;
}

.checkoutbar-bloc ul li a .etape-title {
    position: absolute;
    top: 18px;
    left: 50px;
}
.checkoutbar-bloc ul li a.current {
    color: #008800;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

.checkoutbar-bloc ul li a.current .picto {
    background-position: 0 0px;
}

.checkoutbar-bloc ul #etape2 a .picto {
    background-position: -50px -50px;
}

.checkoutbar-bloc ul #etape2 a.current .picto {
    background-position: 0 -50px;
}

.checkoutbar-bloc ul #etape3 a .picto {
    background-position: -50px -100px;
}

.checkoutbar-bloc ul #etape3 a.current .picto {
    background-position: 0 -100px;
}

.checkoutbar-bloc ul #etape4 a .picto {
    background-position: -50px -150px;
}

.checkoutbar-bloc ul #etape4 a.current .picto {
    background-position: 0 -150px;
}

.checkoutbar-bloc ul #etape5 a .picto {
    background-position: -50px -200px;
}

.checkoutbar-bloc ul #etape5 a.current .picto {
    background-position: 0 -200px;
}

.checkoutbar-bloc ul #etape2 a .picto {
    background-position: -50px -50px;
}

.checkoutbar-bloc ul #etape2 a.current .picto {
    background-position: 0 -50px;
}

/* ===============================  TABLES  ================================= */

.cart-table {
	width : 518px;
	border : 1px solid #cccccc;
	margin-bottom : 15px;
}

.cart-table .title {
	width : 503px;
	height : 24px;
	line-height : 24px;
	font-size : 14px;
	color : #008800;
	font-weight : bold;
	border-bottom : 1px solid #cccccc;
	padding-left : 15px;
	background : transparent url('images/titre_page_bg.gif') 0 0 repeat-x;
}

.cart-table .content {
	padding : 9px;
}

.cart-table .content dl {
	width : 500px;
	height : 20px;
}

.cart-table .content dt {
	float : left;
	width : 320px;
	height : 20px;
	text-align : right;
}

.cart-table .content dd {
	float : left;
	width : 180px;
	height : 20px;
	text-align : right;
}

.cart-table .content #total_panier {
	margin-top : 10px;
	font-size : 16px;
	font-weight : bold;
	text-transform : uppercase;
}
.cart-table .content #total_panier dd {
	color : #119011;
}

#middle #panier {
    margin : 0 0 10px 0;
    border : none;
    border-collapse : collapse;
}

#panier thead {
    background : #e5e5e5;
    height : 19px;
    border-collapse : collapse;
    border : none;
}

#panier thead tr {
    border : none;
}

#panier thead tr th {
	height : 19px;
    border-left : 1px solid #cecece;
    border-bottom : none;
    text-align : left;
    text-transform : uppercase;
}

#panier thead tr th.first-column {
	border-left : none;
}

#panier thead tr th.column-center, #panier tbody tr td.column-center {
	text-align : center;
}

/* IE */
#panier tbody tr {
	border-collapse : collapse;
}

#panier tbody tr td {
	border-bottom : 1px solid #cdcdcd;
	padding : 5px;
	border-collapse : collapse;
}

#panier tbody tr td.column-img img {
	border : 1px solid #cdcdcd;
}

#panier tbody tr td.column-price-ttc {
	color : #000000;
	font-weight : bold;
}

#reduc .ope-coupon .hidden {
	display : none;
}

#reduc .ope-coupon #saisie-reduc {
	width : 500px;
	height : 65px;
	margin-top : 10px;
}

#reduc .ope-coupon #saisie-reduc p {
	margin : 10px 0;
}

#reduc .ope-coupon #saisie-reduc #text-reduc {
	display : block;
	float : left;
	width : 335px;
	height : 65px;
}

#reduc .ope-coupon #saisie-reduc #input-reduc {
	display : block;
	float : left;
	width : 165px;
	height : 48px;
	padding-top : 17px
}

#reduc .ope-coupon #saisie-reduc #input-reduc #coupon-field {
	height : 20px;
	margin : 4px 0;
}

#reduc .ope-coupon #code-promo {
	cursor : pointer;
}


#choix-adresse table {
	width: 100%;
	margin: 0 auto 0 auto;
	border : none;
}

#mode-livraison table {
	width: 100%;
	margin: 0 auto 0 auto;
	border : none;
}

table {
	width : 100%;
}

table thead {
  background : #e5e5e5;
}

table thead tr th {
  border-left : 1px solid #cecece;
  text-align : left;
  text-transform : uppercase;
}

table thead tr th.first-column {
  border-left : none;
}

table tbody tr td {
	background: #fff;
	vertical-align: middle;
	padding : 5px;
	/*border-top : 1px solid #cdcdcd;*/
}

table tbody tr.first td {
	border-top : none;
}

.two-column table {
	width: 270px;
}

table thead tr {
	border: 1px solid #DCD2C5;
}

table thead tr th {
	/*text-align: center;*/
	font-weight: bold;
	padding : 5px;
}

#panier tbody tr td {
	background: #fff;
	vertical-align: middle;
}

table.total-panier tbody tr td {
	padding: 10px 4px;
}

table tbody tr td.first-column {
	border-left: none;
}

table tr td.column_modify {
	width: 100px;
}

tbody tr td.last-column, thead tr th.last-column {
	border-right: 0;
}

table tbody tr.coupon {
	background: #f8f0db;
}

table tbody tr.fp {
	background: #f3e0b6;
}

table tbody tr.total_panier {
	background: #e9cd84;
}

table tbody tr.coupon td, table tbody tr.fp td, table tbody tr.total_panier td {
	border-bottom: 1px solid #fff;
}
table tbody tr td.column-img img {
	border:1px solid #CDCDCD;
}

tbody tr td .cartQty {
	width: 40px;
	background: #fff url('images/qty-field.jpg') 0 0 no-repeat;
	border: 0;
	height: 21px;
	line-height: 25px;
}

tbody tr td.column-right, thead tr th.column-right {
	text-align: right;
}

tbody tr td.column-left, thead tr th.column-left {
	text-align: left;
}

tbody tr td.column-center, thead tr th.column-center {
	text-align: center;
}

tbody tr td.column-price, thead tr th.column-price {
	width: 65px;
	padding-right: 5px;
}

tbody tr td.column-price-ttc {
    color : #000000;
    font-weight : bold;
}

tbody tr td.column-quantity, thead tr th.column-quantity,
tbody tr td.column-qty, thead tr th.column-qty {
	width: 40px;
}

tbody tr td.column-qty-buttons, thead tr th.column-qty-buttons {
	width: 70px;
	line-height: 20px;
}

tbody tr td.column-delete {
	width: 40px;
}

tbody tr td.column-price, thead tr th.column-price {
	width: 80px;
}

tbody tr td.column-price-total, thead tr th.column-price-total {
	width: 80px;
}

tbody tr td .qty-in-cart {
	font-weight: bold;
	font-size: 14px;
}

tbody tr td.column-img {
	width: 50px;
	padding: 5px;
}

#total_panier_bloc {
    width: 500px;
}

#total_panier_bloc dl {
    width: 500px;
    margin: 0 auto;
    height: 20px;
}

#total_panier_bloc dl.order-total-ot_total {
	margin-top : 10px;
	font-size : 14px;
	font-weight : bold;
}

#total_panier_bloc dl dt {
	float : left;
    width: 320px;
    height : 20px;
}

#total_panier_bloc #sous-total {
    margin-top: 10px;
}

#total_panier_bloc #total_panier {
    margin: 15px auto 10px;
}

#total_panier_bloc #total_panier dt {
    text-transform: uppercase;
    color: #262425;
    font-size: 16px;
}

#total_panier_bloc dl dd {
	float : left;
    width : 180px;
    height : 20px;
    text-align: right;
}

#total_panier_bloc #total_panier dd {
    background: #d97300;
    color: #fff;
}

#total_panier_bloc #sous-total dd {
    color: #d97300;
}

.col50 {
    float : left;
	margin : 0 2%;
	width : 46%;
}

.bloc-paiement {
    width: 500px;
    margin-bottom: 15px;
}

.bloc-paiement .description {
    margin-top: 10px;
    padding-left : 20px;
}

.bloc-paiement .description .image {
    width: 100px;
    margin-right: 15px;
    float: left;
}

#bloc-cmcic {
    background: #f0f0f0;
    padding: 20px 10px;
}

.paymentName {
	font-weight : bold;
}

/* ==============================  TWO-COLUMN  ============================== */

#recap-facture {
	float : left;
	width : 250px;
	margin-right : 15px;
}

#recap-livraison {
	float : left;
	width : 250px;
}

#recap-facture .title, #recap-livraison .title {
	width : 235px;
}

#recap-facture .content p, #recap-livraison .content p {
	margin-bottom : 10px;
}

#recap-facture .content p.addr, #recap-livraison .content p.addr {
	padding-left : 15px;
}


#recap-facture .content p span.intit, #recap-livraison .content p span.intit {
	color : #008800;
	font-weight : bold;
	padding-left : 15px;
	background : transparent url('images/puce2.gif') 0 50% no-repeat;
}

.two-column {
	width: 100%;
	text-align: left;
	margin: 0 auto 0 auto;
}

#middle .two-column h3 {
	text-align: center;
	width: 320px;
	height: 22px;
	margin-bottom: 25px;
	padding: 4px 0;
	font-size: 14px;
	font-weight: bold;
}

.two-columnleft, .two-columnright {
	width: 49%;
	margin: 0 5px 0 0;
}

.two-columnright {
	float: right;
	margin: 0 0 0 5px;
}

.two-column table {
	width: 374px;
}

.two-column table tbody tr td {
    background: #fff;
    width : 60px;
}

dl.item-order-total {
    height: 20px;
}

.item-order-total dt {
    width: 600px;
    float: left;
}

.item-order-total dd {
    float: left;
    width : 180px;
    height : 20px;
    text-align: right;
}

.order-total-ot_total dt {
    text-transform: uppercase;
    color: #262425;
    font-size: 16px;
}

dl.order-total-ot_total {
   margin : 10px 0px 10px 0px;
}

.order-total-ot_total dd {
    color: #008800;
}

.order-total-ot_subtotal dd {
    color : #000000;
}

.capl {
    cursor: pointer;
}

#page_shopping_cart .ope-coupon {
    position: relative;
    width: 100%px;
    height: 70px;
}

#page_shopping_cart .ope-coupon p {
    width: 400px;
}

#page_shopping_cart .ope-coupon .code {
    position: absolute;
    top: 39px;
    right: 0;
    text-align: right;
}

#page_shopping_cart .ope-coupon .code #coupon-field {
    width: 200px;
    border: 1px solid #DCD2C5;
    height: 18px;
    padding: 0;
    margin: 0;
    line-height: 18px;
    vertical-align: top;
}

#liste-paiements {
  border: 1px solid #DCD2C5;
}

/* ########################################################################## */
/* ########################################################################## */
/* ##                                                                      ## */
/* ##                               FOOTER                                 ## */
/* ##                                                                      ## */
/* ########################################################################## */
/* ########################################################################## */

#footer {
    height : 300px;
    position : relative;
}

/* ########################################################################## */
/* #                               GARANTIES                                # */
/* ########################################################################## */

#footer #footer-garanties {
	width : 980px;
	height : 89px;
	background : transparent url('images/footer_garanties_bg.jpg') 0 0 no-repeat;
	border-bottom : 1px solid #e9eae7;
	position : relative;
}

#footer #footer-garanties #link-garanties {
	position : absolute;
	top : 30px;
	left : 15px;
	width : 135px;
	height : 20px;
}

#footer #footer-garanties #garanties-title {
	float : left;
	width : 180px;
	height : 89px;
	background : transparent url('images/nos_garanties.jpg') 0 0 no-repeat;
}

#footer #footer-garanties #liste-garanties li {
	display : block;
	float : left;
	height : 89px;
	margin : 0 20px;
}

#footer #footer-garanties #liste-garanties li span {
	display : block;
	color : #747f6b;
	font-weight : bold;
	height : 34px;
	line-height : 16px;
	font-size : 12px;
	padding-top : 55px;
}

#footer #footer-garanties #liste-garanties li #link1 {
	background : transparent url('images/icon-footer-link1.gif') 50% 28% no-repeat;
}

#footer #footer-garanties #liste-garanties li #link2 {
	background : transparent url('images/icon-footer-link2.gif') 50% 28% no-repeat;
}

#footer #footer-garanties #liste-garanties li #link3 {
	background : transparent url('images/icon-footer-link3.gif') 50% 28% no-repeat;
}

#footer #footer-garanties #liste-garanties li #link4 {
	background : transparent url('images/icon-footer-link4.gif') 50% 28% no-repeat;
}

#footer #footer-garanties #liste-garanties li #link5 {
	background : transparent url('images/icon-footer-link5.gif') 50% 28% no-repeat;
}

/* ########################################################################## */
/* #                                 LIENS                                  # */
/* ########################################################################## */

#footer #logo2 {
	position : absolute;
	top : 28px;
	left : 170px;
	width : 150px;
	height : 50px;
}

#footer #footer-links {
	position : relative;
	width : 980px;
	height : 300px;
	background : transparent url('images/footer_links_bg.jpg') 0 0 no-repeat;
}

#footer #footer-links .first {
	margin-left : 380px;
}

#footer #footer-links ul {
	display : block;
	float : left;
	margin-left : 25px;
	margin-top : 45px;
	font-size : 12px;
	color : #689b3c;
}

#footer #footer-links ul li {
	line-height : 16px;
}

#footer #footer-links ul li span {
	font-size : 14px;
	font-weight : bold;
	color : #747f6b;
	line-height : 30px;
}

#footer #footer-links ul #p-secur {
	display : block;
	width : 134px;
	height : 20px;
	margin-top : 10px;
	background : transparent url('images/icons_paiement_secur.gif') 0 0 no-repeat;
}

#footer #footer-links ul #p-secur a {
	display : block;
	width : 134px;
	height : 20px;
	cursor : pointer;
}

/* ########################################################################## */
/* #                              COPYRIGHT                                 # */
/* ########################################################################## */

#footer-copyright {
  width : 1000px;
  height : 30px;
  line-height : 30px;
  text-align : center;
  color : #ede1d6;
}

#footer-copyright a {
	color: #fff;
	font-weight: bold;
}




































/* TEMPLATE */

#marque-desc {
    height: 100px;
}

#marque-desc .image {
    width: 100px;
    height: 100px;
}

#dressing-bloc {
    right: 20px;
    background: transparent url('images/dressing-bloc.jpg') 0 0 no-repeat;
}

#menu-top {
    position: absolute;
    top: 75px;
    right: 20px;
}
#menu-top li {
    display: inline;
    margin-left: 20px;
}

a.link, #menu-top li a {
    color: #000;
    background: transparent url('images/triangle-link.jpg') 0 50% no-repeat;
    padding-left: 11px;
}
a.link:hover, #menu-top li a:hover {
    color: #d05470;
    background-image: url('images/triangle_selected.jpg');
}





/* FOOTER */
.info-bottom {
    position: absolute;
    width: 239px;
    height: 60px;
    top: 0;
}

.info-bottom a {
    position: absolute;
    top: 0;
    left: 0;
    width: 233px;
    height: 60px;
    display: block;
    z-index: 2;
}

.info-bottom h3 {
    margin-top: 7px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.info-bottom p {
    font-size: 9px;
    margin-top: 3px;
}

#ib1 {
    left: 20px;
}
#ib1 h3, #ib1 p {
    margin-left: 27px;
}

#ib2 {
    left: 260px;
}
#ib2 h3, #ib2 p {
    margin-left: 51px;
}

#ib3 {
    left: 514px;
}
#ib3 h3, #ib3 p {
    margin-left: 27px;
}

#ib3 .tel {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#ib4 {
    left: 751px;
}
#ib4 h3, #ib4 p {
    margin-left: 54px;
}

#info-shop {
    position: absolute;
    top: 151px;
    left: 32px;
    width: 197px;
    color: #fff;
    font-size: 9px;
    text-align: center;
}

.bloc-footer {
    position: absolute;
    top:78px;
}

#bloc-footer-a {
    left: 254px;
}

#bloc-footer-b {
    left: 447px;
}

#bloc-footer-c {
    left: 641px;
}

#bloc-footer-d {
    left: 832px;
}

.bloc-footer h3 {
    color: #b9b9b9;
    text-transform: uppercase;
    margin-left: 11px;
    font-weight: bold;
    margin-top: 2px;
}

.bloc-footer ul li {
    height: 14px;
    line-height: 14px;
}
.bloc-footer ul li a {
    color: #9f9f9f;
    padding-left: 11px;
    font-size: 11px;
}

.bloc-footer ul li a:hover {
    color: #e69206;
    font-weight: bold;
    background: url('images/puce-rose.jpg') 0 50% no-repeat;
    text-decoration: none;
}

.boxe1 {
    background: #f0f0f0;
    border: 1px solid #999;
    width: 268px;
    margin-bottom: 15px;
}

.boxe1 ul li {
    height: 16px;
    line-height: 16px;
}
.boxe1 ul li .current {
    color: #e69206;
    font-weight: bold;
    background: url('images/puce-rose.jpg') 0 50% no-repeat;
}

#left h3.ext {
    font: Verdana;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.boxe1 ul {
    width: 248px;
    margin: 10px;
}

.boxe1 ul li a {
    padding-left: 11px;
    font-size: 11px;
    color: #000;
}
.boxe1 ul li a:hover {
    color: #e69206;
    font-weight: bold;
    background: url('images/puce-rose.jpg') 0 50% no-repeat;
    text-decoration: none;
}
#right h3,#right h3 a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
}
#right .link {
    text-align: right;
}
#marque-home ul li, #access_rapide ul li {
    float: left;
    width: 105px;
    margin-right: 13px;
}

/* ACCUEIL */

.ope {
    margin-bottom: 14px;
}
.ope_first {
    position: relative;
    width: 700px;
    height: 352px;
}

.ope_first .desc a, .ope_first .marques a {
    color: #fff;
    text-decoration: underline;
}
.ope_first .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ope_first .desc {
    position: absolute;
    top: 160px;
    left: 12px;
    width: 290px;
    color: #fff;
}

.ope_first .marques {
    position: absolute;
    top: 246px;
    left: 12px;
    width: 290px;
    color: #fff;
}

#ope_1, #ope_2 {
    background: #000;
}

.ope_second {
    position : relative;
    float: left;
    width: 343px;
    height: 151px;
    border: 1px solid #999;
    background: #f0f0f0;
}
.ope_second_left {
    margin-right: 10px;
}

.ope_second .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 151px;
}

.ope_second .desc {
    position: absolute;
    top: 16px;
    left: 123px;
    width: 212px;
}



.ope_second .desc .date {
    font-size: 10px;
}

.ope_second .desc h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 4px auto;
}
#middle .ope_second .desc h3 a, #left .ope_second .desc h3 a {
    color: #fff;
}
#left .ope_second {
    width: 268px;
    height: 151px;
}

#left .ope_second .desc {
    width: 140px;
}

#middle #ope_1, #middle #ope_2 {
    background: #000;
    border-color: #000;
}
#middle #ope_1 .desc p,
#middle #ope_1 .desc .date,
#middle #ope_1 .desc h3,
#middle #ope_2 .desc p,
#middle #ope_2 .desc .date,
#middle #ope_2 .desc h3 {
    color: #fff;
}

#left #ope_1, #left #ope_2 {
    background: #000;
    border-color: #000;
}
#left #ope_1 .desc p,
#left #ope_1 .desc .date,
#left #ope_1 .desc h3,
#left #ope_2 .desc p,
#left #ope_2 .desc .date,
#left #ope_2 .desc h3 {
    color: #fff;
}


.size {
    float: left;
    width: 35px;
    height: 25px;
    border: 1px solid #999;
    text-align: center;
    line-height: 25px;
    margin: 2px 3px 3px 2px;
}

#size_lightbox .dispo a {
    color: #000;
}
.size_select, .dispo:hover {
    background-color: #d36983;
    border-color: #d36983;
    color: #fff;
}

.indispo {
    color: #999;
}

.produit .manufacturer {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.produit .manufacturer a, .produit .manufacturer a:hover {
    color: #000;
    text-decoration: none;
}
.produit .name {
    height: 26px;
    line-height: 12px;
}
.produit .name a, .produit .name a:hover {
    color: #000;
    text-decoration: none;
}

.produit .name a:hover {
    color: #e69206;
}

.del_price {
    color: #9a9a9a;
    margin-left: 10px;
}

#actual_search .delete {
    width: 208px;
    height: 24px;
    line-height: 24px;
    background: #fff url('images/actual-search-delete.jpg') bottom right no-repeat;
}

#actual_search .delete a {
    display: block;
    width: 208px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
}

#actual_search .delete span {
    padding-left: 50px;
    height: 24px;
    line-height: 24px;
}
#actual_search .delete a:hover {
    text-decoration: none;
}
#actual_search .delete a span {
    color: #492d1f;
    font-weight: bold;
}



.bloc_filtre {
    width: 220px;
    float: left;
    margin-right: 5px;
}
.bloc_filtre_last {
    margin-right: 0;
}

.new_pagination div {
    float: left;
}
.list_pagination {
    width: 200px;
    text-align: center;
}

.list_pagination a {
    padding: 0 10px;
}

.prev_bloc, .next_bloc {
    width: 15px;
    height: 15px;
}

.prev_bloc a, .next_bloc a {
    width: 15px;
    height: 15px;
    display: block;
    text-indent: -5000px;
    font-size: 0;
}


.prev_bloc a {
    background: transparent url('images/prev-paginate.jpg') 0 0 no-repeat;
}
.next_bloc a {
    background: transparent url('images/next-paginate.jpg') 0 0 no-repeat;
}

.bloc_filtre .selected, .current_paginate {
    color: #000000;
    font-weight: bold;
    border : 1px solid #E9EAE7;
}


















#page_erreur #middle p {
	margin-bottom : 15px;
}


#actions_prod #others_actions {
    width: 232px;
}

#actions_prod #inform_friend {
    position: absolute;
    top: 41px;
    left: 0;
    width: 109px;
}
#actions_prod #add_to_dressing {
    position: absolute;
    top: 41px;
    right: 0;
    width: 109px;
}

#prev_next {
    position: relative;
    height: 21px;
    margin-top: 19px;
}
#prev_next #prev, #prev_next #next {
    position: absolute;
    top: 0;
    right: 0;
    width: 133px;
    height: 21px;
    background: #fff url('images/article-next-fr_FR.jpg') 0 0 no-repeat;
    display: block;
    text-indent: -5000px;
}

#prev_next #prev {
    left: 0;
    background-image: url('images/article-prev-fr_FR.jpg');
}

#middle #other_product_marque {
    margin-top: 41px;
}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 84px; /* be nice to Opera */
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #999;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
    color: #000;
    font-size: 10px;
}
.ui-tabs-nav .ui-tabs-selected {
    background: #f0f0f0;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
    font-weight: bold;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #999;
    padding: 1em 8px;
    background: #f0f0f0; /* declare background color for container to avoid distorted fonts in IE while fading */
    height: 62px;
}
.ui-tabs-panel p.link {
    text-align: right;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#middle .expand_head_selected {
    color: #689B3C;
    font-weight : bold;
}

#middle .expand_body {
	padding-left : 20px;
}

.catfaq {
    padding-top: 10px;
    margin-top: 10px;
}

.catfaq p {
    border-top : 1px solid #dddddd;
    border-bottom : 1px solid #dddddd;
    padding : 10px 0;
}

#faq-list {
    margin : 10px 0;
}

h4 {
    margin : 4px 0;
}

.catfaq .image, .partner .image {
    border: 1px solid #999;
    margin-right: 10px;
    float: left;
}

.catfaq .image {
    width: 100px;
    height: 100px;
}
.partner .image {
    width: 150px;
    height: 150px;

}

.marque {
    height: 100px;
    width: 698px;
    background: #f0f0f0;
    border: 1px solid #999;
    margin-bottom: 14px;
    position: relative;
}
.marque .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}

#middle .marque h3 {
    position: absolute;
    top: 5px;
    left: 110px;
    margin-top: 0;
}
.marque p {
    position: absolute;
    top: 27px;
    left: 110px;
    width: 578px;
}
.marque .link-left {
    position: absolute;
    bottom: 3px;
    left: 110px;
}
.marque .link-right {
    position: absolute;
    bottom: 3px;
    right: 10px;
}

.marque .link .left, .marque .link .right {
    display: block;
    float: left;
    width: 250px;
}

.expand_head {
    cursor:pointer;
}
.expand_head span {
    padding-left: 15px;
    background : transparent url('images/puce1.gif') 0 50% no-repeat;
}

.t_justify {
    text-align: justify;
}

#middle .wait_critere {
	background: #fff url('images/ajax-loader.gif') no-repeat center center;
	height: 100%;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	z-index: 100;
}









#middle .listing_produit .title {
    position: relative;
    height: 20px;
}

#middle .listing_produit .title h3 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

#middle .listing_produit .title .link {
    position: absolute;
    top: 0;
    right: 0;
}

.boxe1 form, .boxe1 #fieldset_inscription_newsletter {
    width: 248px;
    margin: 16px 10px;
}

#button_input {
    vertical-align: top;
}

.module_accueil {
    margin-bottom: 16px;
}

.style {
    float:left;
    height:413px;
    margin:0 5px 25px 0;
    text-align:center;
    width:230px;
}
.style-right {
    margin-right: 0;
}

.style .name, .style .name a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
}

.style .image {
    width: 228px;
    height: 343px;
    border: 1px solid #999;
    margin-bottom: 11px;
}

.style .baseline {
    height: 26px;
    line-height: 12px;
}






.msg_warning {
    font-weight: bold;
    color: #f60;
    margin: 10px auto;
    text-align: center;
}

#annonce-dev {
    position: absolute;
    right: 0;
    top: 218px;
    right: 10px;
}
#annonce-dev, #annonce-dev a {
    color: #fff;
}

.loader {
	background: rgba(255, 255, 255, 0.7);
	position: relative;
}

.loader_in {
	background: url('images/ajax-loader.gif');
	position: absolute;
	left: 50%;
	top: 50%;
	width: 36px;
	margin-left: -18px; /* moitié de la largeur */

	height: 36px;
	margin-top: -18px; /* moitié de la hauteur */
	z-index: 1001;
}

.child_cat_masque {
    display: none;
}

/* s3slider */

#slider {
   width: 769px; /* important to be same as image width */
   height: 221px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin: 10px;
}

#sliderContent {
   width: 769px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage .info {
   position: absolute; /* important */
   left: 0;
   padding: 5px 10px;
   width: 749px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#middle .sliderImage .info h3 {
	margin: 0;
	padding: 0;
}
#middle .sliderImage .info .link {
	text-align: right;
}
#middle .sliderImage .info .link a {
	font-size: 14px;
	font-weight: bold;
	color: #d97300;
}

/* BOF 66-URL_REWRITING_POUR_LES_RESULTATS_DE_RECHERCHE */
#page_frequently_search dl dt {
	float: left;
	width: 70%;
}
#page_frequently_search dl dt a {
 	font-weight: bold;
}
#page_frequently_search dl dd {
	float: left;
	width: 30%;
}
/* EOF 66-URL_REWRITING_POUR_LES_RESULTATS_DE_RECHERCHE */

/* BOF 85-STICKER_PRODUITS */

#middle .product .product-sticker, #middle .product .product-sticker, #zone_image .product-sticker {
	display: none;
	position: absolute;
	width: 100%;
	height: 25px;
	line-height: 25px;
	top: 0;
	left: 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#zone_image .product-sticker {
	display: block;
}

#middle .product-sticker-promo {
	background: #8d6f55;
}
#middle .product-sticker-disponibilite {
	background: #e28c01;
}
#middle .product-sticker-out_stock {
	background: #d1030d;
}
#middle .product-sticker-tba {
	background: #6B8E23;
}
/* EOF 85-STICKER_PRODUITS */

/* acces administrateur */
#admin_access {
    width: 100%;
    height: 40px;
    border-bottom: 3px solid #FA2D34;
    z-index: 3;
    background: #0D0D0D;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

#admin_access p {
    padding-top: 10px;
}

#admin_access p, #admin_access p a {
    color: #fff;
}


/*Zone location pro*/
div#zone_banniere_location_pro{background:url('images/design_loc_pro/banniere_loc_pro.jpg');width:938px;height:67px;padding-top:10px;margin-bottom:44px;}
div#zone_banniere_location_pro div#interne_pro_price{color:#6a5d4c;font-weight:bolder;font-size:14px;margin-left:817px;}
div#zone_banniere_location_pro div#interne_pro_price_second{color:#689B3C;font-size:14px;font-weight:bolder;margin-left:751px;padding-top:7px;}
div#zone_banniere_location_pro div#interne_pri_price_enterprise{color:#6A5D4C;font-size:14px;font-weight:bolder;margin-left:684px;padding-top:5px;}