/*  CSS  --------------------------------------
	SQLI - Fevrier 2010 - All rights reserved
--------------------------------------------------- */
/*default*/
body, html{ height:100%}
body {color:#2a1919; font-family:Arial, Helvetica, sans-serif;}
p, td, a, th, li, span, label {font-size:11px}
h2 { font-size:16px; font-weight:bold}
h3 { font-size:11px; font-weight:bold}
h3 span { font-size:11px; font-weight:normal; color:#6e6e6e}
/* COMMUN */
.clear{clear:both; font-size:1%; line-height:1%; border:none; border:0px; width:0}
.clearBoth{clear:both}
.floatLeft {float:left !important}
.floatRight {float:right}
.alignCenter {text-align:center}
.alignRight {text-align:right}
.alignLeft {text-align:left}
img.imgBorder {border:1px solid #d2d2d2}
img.bloc100 { width:492px; height:132px; }
img.bloc50 { width:235px; height:90px; }
/*format texte*/
.size10 {font-size:10px}
.size13 {font-size:13px}
.size14 {font-size:14px}
.size27 {font-size:27px}
.size147_129 { width: 147px; height: 129px; }
.size241_235 { width: 241px; height: 235px; } 
.maj {text-transform:uppercase}
.bold {font-weight:bold}
.nobold {font-weight:normal}
.width50{ width: 50% }
.display-none {display:none}
.curseur{
	cursor:pointer;
}
/*ul li*/
ul.li_puceOcre {margin:10px 0px 10px 0px}
ul.li_puceOcre li, li.li_puceOcre { 
	list-style:none; background:url(../images/puce_cube.gif) left 7px no-repeat !important; 
	padding-left:10px !important;
	line-height: 17px;
}
ul.li_puceOcre a {color:#2a1919}
ul.li_puceOcre a:hover {text-decoration:underline}
ul.li_puceOcre li li a { color:#a88858}
ul.li_puceOcre li li li  { background:url(../images/fleche_droite_footer.gif) left 6px no-repeat !important}
ul.li_puceOcre li li li a {color:#6e6e6e} 
/**/
.liste{
	margin:15px 0 0 20px;	
}
.liste li{
	background:url(../images/puce_cube.gif) no-repeat left center;
	padding-left:10px;
}
/**/
ul.ul_withSeparator {}
ul.ul_withSeparator li { background:url(../images/separateur.gif) left bottom no-repeat; padding-top:10px; padding-bottom:10px}
ul.ul_withSeparator li li { background:none; padding:0px}
ul.ul_withSeparator h3 { font-size:12px; font-weight:bold; margin-bottom:6px}
/**/
ul.ulPartenaires {}
ul.ulPartenaires li { 
	border:0px !important; 	padding:0px !important;
	background: url(../images/widget_separateur.gif) left bottom no-repeat !important; 
}
ul.ulPartenaires li a { display:block; line-height:10px} 
/* END LISTE */
/******************************/
/*******buttons et liens *****/
/****************************/
a.puce_plus{
	background:url(../images/puce_plus.jpg) no-repeat center left;
	padding:0 0 0 15px;
}

a.linkPuce {
	background:url(../images/puce_cube.gif) no-repeat left center;
	padding-left:10px
}
/* a.btDegrade1 */
a.btDegrade1 {
	background:url(../images/buttons/btBackground1.gif) left top repeat-x; 
	height:18px;
	color:#FFF; font-weight:bold; 
	padding:3px 5px 0px 3px;
	display:block;
	font-family:"Trebuchet MS", Arial;
	border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4
}
a.btDegrade1:hover { color:#FFF !important}
a.btDegrade1 span {display:block; color:#FFF !important; padding-left:5px}
.flecheRetour {background:url(../images/buttons/flecheLeft.gif) left center no-repeat; padding-left:10px !important}
/* end btDegrade1 */
/* bt1 */
a.bt1 { 
	display:block; 
	background:#cecbbf url(../images/buttons/btBackground2.gif) left top repeat-x; 
	min-height:22px; padding:7px 5px 0px 5px; text-align:center
}
a.bt1:hover { text-decoration:underline} 
/* end bt1*/
/* filet d'ariane*/
ul#filAriane { font-size:11px; color:#999999}
ul#filAriane span { font-size:11px; color:#32161a; margin:0px 5px 0px 5px}
ul#filAriane li {float:left}
li#filArianeLink {margin-top:4px; margin-left:2px}
/* pagination */
.pagination { font-size:11px; color:#6e6e6e}
.pagination  strong {font-size:12px; font-weight:bold; color:#2a1919}
.pagination a, .pagination span  {color:#6e6e6e}
.pagination a:hover  { background-color:#2a1919; color:#FFF !important}
/* fond et degrade*/
.fondDegradGris {
	border:1px solid #e5e5e5; padding:10px 10px 10px 0px;
	background:#dcdbdb url(../images/table_degrade.gif) left top repeat-x; 
	margin-top:23px; margin-bottom:10px
}
.blockFilet {
		background:url(../images/filet1.gif) left top no-repeat; 
		height:31px; min-width:233px; margin-top:10px;
		padding-top:15px
}
.block_withFilet { background: url(../images/separateur.gif) center bottom no-repeat; padding-bottom:10px; margin-top:10px}
.block_withFilet div { float:left}
.filet{
	background:url(../images/filet1.gif) no-repeat; 
	height:25px;
}
.cadreGris {border:1px solid #d2d2d2; padding:5px; min-width:223px; margin-right:15px}
/***************************/
/******** margin padding dimensions ***/
.marg10_0_12_0 {margin:10px 0px 12px 0px}
.margRight10 { margin-right:10px}
.margRight12 { margin-right:12px}
.margRight20 { margin-right:20px}
.margRight30 {margin-right:30px}
.margLeft10{ margin-left:10px }
.margLeft30{ margin-left:30px }
.margLeft65{ margin-left:65px }
.marg24_0_30_0 { margin:24px 0px 30px 0px}
.margTop5, .marginT5 {margin-top:5px !important}
.margTop10 {margin-top:10px}
.margTop28 {margin-top:28px}
.margTop40 {margin-top:40px}
.padd9_5_0_18 { padding:9px 5px 0px 18px}
.padd9_13_0 { padding:9px 13px 0px}
.nopadding {padding:0px !important}
.width75 {width:75px}
.width100 {width:100px}
.width110 {width:110px}
.width120 {width:120px}
.width150 {width:150px}
.width160 {width:160px}
.width180 {width:180px}
.width210 {width:210px}
.width220 {width:220px}
.width230 {width:230px}
.width240 {width:240px}
.width250 {width:250px}
.width370 {width:370px}
.width408 {width:408px}
.width650 {width:650px}
.minHeight350 {min-height:350px}
.marginT1{margin-top:1px !important;}
.marginB5{	margin-bottom:5px !important;}
.marginB10{	margin-bottom:10px !important;}
.paddingTop10{padding-top:10px !important;}
/**************************/



/****** formulaire ********/
/**************************/
.formulaire {
	color:#6e6e6e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.formulaire label {
	display:block; float:left; 
	padding-top:5px; text-align:right; margin-right:15px; 
	color:#6e6e6e;
	width:150px;
}


.formulaire p { margin-bottom:10px}
.formulaire fieldset {margin-top:15px; padding-bottom:15px; background:url(../images/separateur.gif) left bottom no-repeat}
.formulaire legend { font-size:12px; font-weight:bold; margin-bottom:15px}
.formulaire select, .formulaire textarea, .formulaire input { border:1px solid #e0d3be; font-size:11px; color:#6e6e6e; padding:3px; 	margin-bottom:10px; }
body.pro .formulaire select, body.pro .formulaire textarea, body.pro .formulaire input { border:1px solid #aeaeae; font-size:11px; color:#6e6e6e; padding:3px; 	margin-bottom:10px;}
.formulaire textarea, body.pro .formulaire textarea{height:102px; width:264px}
textarea.textareaDefault {width:264px; height:102px; font-family:Arial, Helvetica, sans-serif}
.formulaire .bt_submit { float: left; margin-left: 165px; margin-right: 10px; }
a.formLien {color:#32161a; text-decoration:none;}
a.formLien:hover {text-decoration:underline}

.formulaire .element label {text-align:left;}
.button{margin-left:215px;}
.survey-choices{float:right;}
.survey-choices textarea {width:225px;}
.block{clear:both;display:block;float:left;}
/***************************/
/***********************/



/***** contenu *********/
div#content {width:500px; padding:0 15px 10px 15px; float:left; margin-top:2px;}
ul#distribInfo {width:235px;}
ul#distribInfo li {margin-bottom:7px}
div#content a { color:#32161a; text-decoration:none}
div#content a:hover {text-decoration:underline}
div#content a img {border:none}
div#content img {margin:0px}

/*filtres*/
.filtre_tools { margin-top:28px}
.filtre_header {}
.filtre_header div { font-weight:bold; font-size:11px; padding-left:10px}
.filtre_header div span { font-weight:normal}
.filtre {background:#eae9e8 url(../images/table_degrade2.gif) left top repeat-x; border:1px solid #e5e5e5; margin-bottom:20px}
.filtre_col {background:url(../images/table_degrade2_separateur.gif) right top no-repeat}
.filtre_col, .filtre_colLast {min-height:80px}
/*********************/
/*****tableau*********/
table tr td.sitemap { vertical-align: top }
table.sitemap { padding-left: 250px }
/*********************/
/* tableComparateur */
table.tableComparateur { border-spacing: 0px; border-collapse: collapse}
table.tableComparateur th { min-width:140px; padding-right:10px; padding-left:10px} 
table.tableComparateur td { text-align:center; padding:0px;}
td.tableComparateur_col {width:147px; border:1px solid #cbc9c9}
.tableComparateur_sep { width:12px}
.cellPaire {background-color:#FFF}
.cellPaire td, .cellImpaire td, .cellPaire th, .cellImpaire th, td.cellPaire, td.cellImpaire {border:1px solid #cbc9c9}
.cellPaire td, .cellImpaire td, .cellPaire th, .cellImpaire th { padding-top:6px; padding-bottom:6px}
.cellImpaire { background-color:#fbf7f7}
div.tableComparateurTitle h3 {margin-top:5px; margin-bottom:5px}
div.tableComparateurTitle { margin:5px}
/* end tableComparateur */
/***************/
/***color ***/
/**************/
.grisclaire { color:#999}
.gris1 {color:#6e6e6e}
.colorOcre {color:#a88858}
/**********************/
/****************/
/**** icones ***/
.icone_catalogue { background:url(../images/icone_catalogue.png) left center no-repeat; padding-left:25px}
.icone_rechercher { background:url(../images/icone_rechercher.png) left center no-repeat; padding-left:25px}
.icone_abonner { background:url(../images/icone_abonner.png) left center no-repeat; padding-left:25px}
.icone_contact { background:url(../images/icone_contact.png) left center no-repeat; padding-left:25px}
.icone_mail_ami { background:url(../images/icone_mail_ami.png) left center no-repeat; padding-left:25px}
.icone_telecharger { background:url(../images/icone_telecharger.jpg) left center no-repeat; padding-left:25px}
.icone_imprimer { background:url(../images/icone_imprimer.png) left center no-repeat; padding-left:25px}
.icone_phone { background:url(../images/icone_phone.png) left center no-repeat; padding-left:25px}
.icone_interro { background:url(../images/icone_interro.png) left center no-repeat; padding-left:25px}

/**************
.bg_produits{
	background:url(../images/bg_tous_produits.jpg) no-repeat;
	width:225px;
	height:25px;
	margin: 15px 0 0 0;
	padding: 5px 10px 0 0 ;
	text-align:right;
}*/
.bg_produits{
	background:#eaeaea url(../images/bg_tous_produits.gif) left top repeat-x;
	min-height:25px;
	margin: 15px 0 0 0;
	padding: 5px 10px 0 0;
	text-align:right;
	width: 228px;
	color: white;
}

.bg_produits2{
	background:#FFFFFF url(../images/bg_tous_produits.gif) left bottom repeat-x;
}

.bg_produits_big{
	background:url(../images/bg_tous_produits_big.jpg) no-repeat;
	width:482px;
	height:25px;
	margin: 15px 0 0 0;
	padding: 5px 10px 0 0 ;
	text-align:right;
}
.bulleRouge { 
	background:url(../images/bullerouge.gif) left top no-repeat; 
	width:51px; height:33px; margin-right:10px;
	color:#FFF; font-size:12px; font-weight:bold; line-height:10px; text-align:center; padding-top:3px
}
.bulleRouge span { font-size:10px; font-weight:normal} 


div#avotreservice_hp { position:absolute; right:10px; top:272px}
#global{
	width:956px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	background-repeat:no-repeat;
}
#global_page{
	width:956px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}


.header{
	height:290px;
}

#logo a{
	display:block;
	background:url(../images/logo.png) no-repeat left center;
	width:164px;
	height:27px;
	margin:0 0 0 26px;
	padding:25px  0 0 0;
	float:left;
}

hr{
	color:#d4d1d1;	
	height:1px;
	background-color: #d4d1d1;
	border:0;
	margin:8px 0 8px 0;
}





/* menu Horizontal haut */

#menu_h{
	float:right;	
	margin:14px 0 0 0;
}
#menu_h ul{
	float:left;
	margin:3px 0 0 0;
}
#menu_h li{
	float:left;
	background:url(../images/menu_h/separation.png) no-repeat center right;
	padding:2px 0 0 5px;
}

#menu_h li.last{
	background:none;
	margin:0 27px 0 0 ;
}

#menu_h li a{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin:0 15px 0 15px;
	font-size:12px;
	color:#999999;
}
#menu_h li a:hover,
#menu_h li.on a{
	color:#32161a !important;
}


#menu_h .bg_input{
	background:url(../images/menu_h/bg_input.gif) no-repeat left bottom;
	float:left;
	margin:0 10px 0 0;
}
#menu_h .bg_input input{
	border:0;
	float:left;
	margin:4px 2px 0 2px;
	width:110px;
	color:#999999;
	font-size:11px;
}
#menu_h .bg_input img{
	float:left;
}



/* end menu Horizontal haut */


/* menu Vertical */
#menu_v_form{
	font-size:11px;
	height:240px;
	margin:130px 0 0 10px;
	padding:0 0 0 60px;
	position:relative;
	width:136px;
}
#menu_v_form .maincontentheader{padding:0 0 20px;font-size:16px;}
#menu_v_form .block{}
#menu_v_form .block label{}
#menu_v_form .block input{width:130px;border:1px solid #e0d3be; font-size:11px; color:#6e6e6e; padding:3px;margin-bottom:10px; }
#menu_v_form .buttonblock{clear:both;padding:11px 0 0;}
#menu_v_form .buttonblock .defaultbutton{float:right;}
.warning{
	height:171px;
	padding:0 0 0 70px;
	position:relative;
	width:500px;
}

#menu_v{
	margin:56px 0 140px 10px;
	font-size:11px;
	width:213px;
	height:360px;
	position:relative;
	z-index:100;
}
#menu_v h1{
	font-weight:bold;
}

#menu_v ul.menu_v_1{
	width:213px;
	position:absolute; z-index:1000
}

#menu_v .menu_v_1 li.top{
	background: url(../images/menu_v/menu_v_haut.png) no-repeat;
	height:26px;
	padding:12px 0 0 16px;
}
#menu_v .menu_v_1 li.top_fonce{
	background: url(../images/menu_v/menu_v_haut_beige.png) no-repeat;
	height:26px;
	padding:12px 0 0 16px;
}
#menu_v .menu_v_1 li{
	background: url(../images/menu_v/menu_v_blanc.png) no-repeat;
	height:26px;
	padding:10px 0 0 16px;
	margin:0;
	cursor:pointer;
}
#menu_v .menu_v_1 li.fonce{
	background: url(../images/menu_v/menu_v_beige.png) no-repeat;
	height:26px;
	padding:10px 0 0 16px;
}
#menu_v .menu_v_1 li.bottom{
	background: url(../images/menu_v/menu_v_bas.png) no-repeat;
	height:26px;
	padding:11px 0 0 16px;
}
#menu_v .menu_v_1 li.bottom_fonce{
	background: url(../images/menu_v/menu_v_bas_beige.png) no-repeat;
	height:26px;
	padding:11px 0 0 16px;
}

#menu_v .menu_v_1 li a{
	display:block;
	height:26px;
	color:#32161a;
	cursor:pointer;
}
#menu_v .menu_v_1 li a:hover{
	background:url(../images/menu_v/fleche_droite.gif) no-repeat 187px 5px;
	font-weight:bold;
}


/* sous menu */
#menu_v .ssmenu_v{
	margin:-38px 0 0 196px;
	width:194px;
}
#menu_v .ssmenu_v li.ssmenu_top{
	background: url(../images/menu_v/ssmenu_v_haut.png) no-repeat;
	height:20px;
	padding:7px 0 0 16px;
}
#menu_v .ssmenu_v li{
	background:url(../images/menu_v/ssmenu_v.png) no-repeat;
	height:18px;
	padding:5px 0 0 16px;
	font-size:11px;
}
#menu_v .ssmenu_v li a{
	display:block;
	height:15px;
	color:#32161a;	
}
#menu_v .ssmenu_v li a:hover, #menu_v .ssmenu_v li a.select{
	background:url(../images/menu_v/fleche_droite.gif) no-repeat 169px 5px;
	font-weight:bold;
}
#menu_v .ssmenu_v li.ssmenu_bottom{
	background: url(../images/menu_v/ssmenu_v_bas.png) no-repeat;
	height:20px;
	padding:6px 0 0 16px;
}

/* end sous menu */

/* ssmenu 2*/
#menu_v .ssmenu_v_2_bas{
	margin:0 0 0 177px;
	width:338px;
	background:url(../images/menu_v/fond_bas_ssmenu2.png) no-repeat bottom center;
	padding:0 0 4px 0 ;
	position:absolute;
	top:0;
}
#menu_v .ssmenu_v_2_haut{
	background:url(../images/menu_v/fond_ssmenu2.png) no-repeat top center;
	padding:15px 16px 9px 20px;
}

#menu_v .ssmenu_v_2_haut span, #menu_v .ssmenu_v_2_haut img{
	float:left;
}
#menu_v .ssmenu_v_2_haut span{
	margin:12px 0 0 11px;	
	width: 175px;
}
#menu_v .ssmenu_v_2_haut .gamme{
	color:#6e6e6e !important;
	height:70px;
}
#menu_v .ssmenu_v_2_haut .gamme:hover{
	color:#2a1919 !important;
	background:none !important;
	font-weight:normal !important;
}
 
 /* end ssmenu 2 */
 
 
 
.menu_v_1 li .niveau_1.select{
	background:url(../images/menu_v/fleche_droite.gif) no-repeat 187px 5px;
	font-weight:bold;
	display:block;
	height:15px;
	color:#32161a;	
}



/* end menu vertical */

/* END COMMUN */


/* FOOTER */
#footer{
	position:relative;
	bottom:0;
	width:956px;
	font-size:11px;
	margin:15px 0 20px 0;
}
#footer select, #footer a, #footer span{
	color:#999999;
}
#footer select{
	margin: 0 15px 0 0;	
	border:1px solid #dbdbdb;
}
#footer ul li a, #footer span{
	margin: 0 0 0 22px;	
}

#footer .produits{
	margin:0 0 0 30px;
	border-left:1px solid #dbd5d6;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding:4px 0 0 15px;
	background:#FFF url(../images/fleche_droite_footer.gif) no-repeat 8px 8px;
	font-weight:bold;
	display:inline-block;
	height:20px;
	position:absolute;
	z-index:100;
	top:0px;
	left: 800px;
	width:109px;
}

#footer .produits_border, *+html #footer .produits_border{
	border-left:1px solid #dbd5d6;
	border-top: 1px solid #dbd5d6;
	border-right: 1px solid #dbd5d6;
	background:#FFF url(../images/fleche_bas_footer.gif) no-repeat 5px 10px;
}
#footer .block{
	display:block!important;	
}
#footer .bloc_produits{
	position:absolute;
	z-index:10;
	top:23px;
	left: 0px;
	width:951px;
	border-top:1px solid #dbdbdb;
	padding:18px 0 0 5px;
	display:none;	
}

#footer .bloc{
	float:left;
	margin:0 30px 0 0 ;
}
#footer .bloc  h2{
	margin:0 0 16px 0;
	color:#2a1919;
	font-weight:bold;
	font-size:11px !important;
}
#footer .bloc p{
	margin: 0 0 5px 0;
}
#footer .bloc a{
	background: url(../images/puce_cube.gif) no-repeat left 5px;
	padding :0 0 0 12px;
}
#footer a:hover{
	text-decoration:underline;
}

#footer tr td
{
	padding-bottom: 8px;
}
#footer tr td ul li
{
	padding-bottom: 4px;
}
#footer tr td ul li a
{
	background: url(../images/puce_cube.gif) no-repeat left 5px;
	padding :0 0 0 12px;
}

/* END FOOTER */
/***************************/
/*** slider personnalisé ***/
/**************************/
div#produit, div#prodsimilaires, div.slider_produit { width:230px}
div#produit .scrollable, div#prodsimilaires .scrollable, div.slider_produit .scrollable {width: 180px}
div#sliderThematique { position:absolute; bottom:50px; left:10px}
/**/
div#gammeOrigine {}
div#gammeOrigine {height:240px !important}
div#gammeOrigine .scrollable, div#gammeOrigine  .sliderNavLeft, div#gammeOrigine .sliderNavRight {min-height:240px !important}
div#gammeOrigine .browse { margin-top:100px}
/*sliderDesign1*/
.sliderDesign1 .scrollable, .sliderDesign1  .sliderNavLeft, .sliderDesign1 .sliderNavRight {height:109px}
.sliderDesign1 .scrollable img, .sliderDesign1 .items a {
	margin:20px 5px 20px 5px !important; background-color:#fff; 
	padding:2px; border:1px solid #d2d2d2; width:75px; height:67px;
	-moz-border-radius:4px; -webkit-border-radius:4px;
}
.sliderDesign1 .scrollable .active {border:1px solid #434343}
.vignetteSelected { border:1px solid #ab1111 !important }
.sliderDesign1 .sliderNavLeft, .sliderDesign1 .sliderNavRight {width:25px}
.sliderDesign1 .sliderNavLeft {background:url(../images/slider_left.png) right center no-repeat}
.sliderDesign1 .sliderNavRight {background:url(../images/slider_right.png) left center no-repeat}
.sliderDesign1 a.browse {background:url(../images/buttons/btslider.gif) no-repeat}
.sliderDesign1 a.browse2 {background:url(../images/buttons/btslider.gif) no-repeat}
/*design1 avec liens a*/
.sliderDesign1 .items a {display:block; float:left}
.sliderDesign1 .scrollable a img {margin:0 0 0 22px !important; padding:0px; border:0px; width:32px; height:67px}
/* end sliderDesign1*/
/*sliderDesign2*/
.sliderDesign2, .sliderDesign2colonne { 
	background:#dcdbdb url(../images/degrade2.gif) left top repeat-x; 
	padding:10px 4px 10px 1px; margin:5px 10px 10px 0px;
	border:1px solid #e5e5e5;
	-moz-border-radius:4px; -webkit-border-radius:4px;
}
.sliderDesign2 {height:193px}
.sliderDesign2 .scrollable, .sliderDesign2colonne .scrollable {width:457px}
.sliderDesign2 .scrollable, .sliderDesign2  .sliderNavLeft, .sliderDesign2 .sliderNavRight {min-height:193px}
.sliderDesign2 .scrollable .active {border:1px solid #434343}
.sliderDesign2 .sliderNavLeft, .sliderDesign2 .sliderNavRight,
.sliderDesign2colonne .sliderNavLeft, .sliderDesign2colonne .sliderNavRight{width:13px /* 15px */}
.sliderDesign2 .sliderVignette, .sliderDesign2colonne .sliderVignette { width:147px; float:left; border:1px solid #cbc9c9}
.sliderDesign2 .sliderVignette {margin-right:5px}
.sliderDesign2 .sliderVignette img, 
.sliderDesign2colonne .sliderVignette img {/*width:147px; clear:both*/ margin:4px 0 0 10px !important;}
.sliderVignette p {clear:both}
.sliderVignInfo { background-color:#FFF}
.sliderDesign2  .sliderVignInfo,
.sliderDesign2colonne  .sliderVignInfo{padding:5px}
.sliderDesign2 a.browse, 
.sliderDesign2colonne a.browse {background:url(../images/buttons/btslider2.gif) no-repeat}
.sliderDesign2colonne a.browse2 {background:url(../images/buttons/btslider2.gif) no-repeat}
/*.sliderDesign2colonne*/
.sliderDesign2colonne {height:370px}
.sliderDesign2colonne .scrollable, .sliderDesign2colonne  .sliderNavLeft, .sliderDesign2colonne .sliderNavRight {min-height:370px}
.sliderDesign2colonne .sliderVignette {margin-right:0px}
.sliderCol { float:left; /*margin-right:5px*/}
.sliderDesign2colonne .sliderVignette {/*clear:both*/; margin-bottom:10px; margin-right:5px;}
.sliderDesign2colonne .sliderVignette .clearBoth{clear:both}
.sliderDesign2colonne a.browse { margin-top:170px}
.sliderDesign2 a.browse { margin-top:80px}
/* end sliderDesign2*/
/*sliderDesign3*/
.sliderDesign3 {background:url(../images/hp_sliderbackground.png) left top no-repeat; width:936px; height:104px}
.sliderDesign3 .scrollable {width:880px}
.sliderDesign3 .scrollable, .sliderDesign3  .sliderNavLeft, .sliderDesign3 .sliderNavRight {height:100px; margin-top:1px}
.sliderDesign3 .scrollable img {width:293px}
.sliderDesign3 .items div { width:293px; height:100px; overflow:hidden; float:left}
.sliderDesign3 .scrollable .active {}
.sliderDesign3 .sliderNavLeft, .sliderDesign3 .sliderNavRight {width:25px; background-color:#dbcdb7}
.sliderDesign3 a.right {margin-right:5px}
.sliderDesign3 a.left { margin-left:5px}
.sliderDesign3 a.browse {background:url(../images/buttons/btslider.gif) no-repeat}
.sliderDesign3 a.browse2 {background:url(../images/buttons/btslider.gif) no-repeat}
.sliderDesign3 .item_vignette { cursor:pointer}
.sliderDesign3 .itemsOver {background:url(../images/hp_visuelOver.jpg) left top no-repeat; display:none}
.sliderDesign3 .itemsOver h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin:10px 5px 0px 25px}
.sliderDesign3 .itemsOver p { margin:5px 5px 5px 25px; font-size:11px; line-height:12px}
/* end sliderDesign3*/
/*********************************/
/*** plug-in slider composant ***/
/*******************************/
.scrollable {position:relative; overflow:hidden; float:left}
.scrollable .items {width:20000em; position:absolute; clear:both; height:auto; background:none}
.scrollable img {float:left; cursor:pointer}
.scrollable .active {z-index:9999; position:relative}
div.sliderNavLeft, div.sliderNavRight {float:left !important}
a.browse {float:left; cursor:pointer; font-size:1px; width:14px; height:14px;}
a.browse.mrgL {margin:45px 0px 0px 13px;}
a.browse.mrgR {margin:45px 0px 0px -1px;}
a.browse.mrgRH {margin:40px 0px 0px 5px;}
a.browse2 {float:left; cursor:pointer; font-size:1px; width:14px; height:14px; margin:40px 5px;}
/* right */
a.right {clear:right; margin-right: 0px; background-position:0 -14px !important}
a.right:hover { background-position:-14px -14px !important}
/* left */
a.left	{margin-left: 0px; } 
a.left:hover  {background-position:-14px 0}
a.disabled {visibility:hidden !important} 	
/*** end plug-in slider ***/
/****************************/
/* widget 1*/
div.blockWidget1 a{color:#2a1919;}
div.blockWidget1 { width:193px; border:1px solid #d9d5cf}
div.blockWidget1_header { 
	background:#cdbb9b url(../images/widget_header_background.gif) left top repeat-x; 
	min-height:28px; cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase
}
div.blockWidget1_header div { float:left; margin:5px}
div.icFleche_openclose {
	background:url(../images/buttons/fleche_openclose.png) left top no-repeat; 
	width:16px; height:16px; overflow:hidden; margin-top:7px !important
}
div.blockWidget1_content { 
	background:#eae9e8 url(../images/widget_content_background.gif) left top repeat-x; 
	min-height:50px; padding:9px 9px 0 9px; text-align:center
}
div.blockWidget1_content ul { margin-top:9px} 
div.blockWidget1_content li { border-top:1px solid #b79b70; padding-top:9px; padding-bottom:9px; text-align:left; margin-left:5px} 
div.blockWidget1_content li a:hover { text-decoration:underline} 
/* end widget 1*/
/**********************************************/
/*********** ui slider composant***************/
/**********************************************/
.ui-slider { position: relative}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block}


/* PORTLET PAGES */
.portlet{
	float:left;
	margin:2px 0 0 0;
}

div.blockWidget1_h { 
	background:#cdbb9b url(../images/widget_header_background.gif) left top repeat-x; 
	min-height:28px;
	line-height:19px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase
}
div.blockWidget1_h div { float:left; margin:6px 5px 5px 5px}


div.blockWidget1_c { 
	background:#eae9e8 url(../images/widget_content_background.gif) left top repeat-x; 
	min-height:50px; padding:9px 9px 0 9px; text-align:center
}
div.blockWidget1_c ul { margin-top:9px} 
div.blockWidget1_c li { border-top:1px solid #b79b70; padding-top:9px; padding-bottom:9px; text-align:left; margin-left:5px} 
div.blockWidget1_c li a:hover { text-decoration:underline} 



/* widget 2*/
div.blockWidget2 a{color:#2a1919;}
div.blockWidget2 { width:193px; border:1px solid #d9d5cf}
div.blockWidget2_h{ 
	background:#cdbb9b url(../images/widget_header_background.gif) left top repeat-x; 
	min-height:28px;
	line-height:19px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase
}
div.blockWidget2_h div { float:left; margin:5px}

div.blockWidget2_c { 
	background:#eae9e8 url(../images/widget_content_background.gif) left top repeat-x; 
	min-height:50px; padding:9px 9px 0 9px; text-align:center
}
div.blockWidget2_c li {
	background:url(../images/puce_cube.gif) no-repeat left center;
	padding-left:9px;
	border-top:1px solid #b79b70;
	padding-top:8px;
	padding-bottom:9px;
	text-align:left;
}
div.blockWidget2_c li.first{border:none!important}
div.blockWidget2_c li a:hover { text-decoration:underline} 

/* end widget 2*/

/* END PORTLET PAGES */



/*************************************/
/*********** ui slider ***************/
/*************************************/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-range { top: 0; height: 100%; }
.ui-slider-range-min {left: 0}
.ui-slider-range-max {right: 0}
/*****end ui slider composant*****/
/**********************************************/
/*********** ui slider design***************/
/**********************************************/
.doubleSliderDesign { background: url(../images/slider_background2.gif) left top no-repeat; width:184px}
.doubleSliderDesign .ui-slider-range { background:url(../images/slider_background.gif) left top repeat-x}
.doubleSliderDesign .ui-state-default, .sliderDesign1 .ui-widget-content .ui-state-default { 
	background:url(../images/buttons/bt_slider.png) left top no-repeat; 
	width:14px; height:14px; overflow:hidden
}
.doubleSliderDesign .ui-state-hover, .doubleSliderDesign .ui-widget-content .ui-state-hover {background-position:0px -14px}
.sliderGradation {background:url(../images/slider_gradation.png) left top no-repeat; width:184px; height:15px}


/* FRED le CROM */
.edito_menu
{
	text-align: left;
}

.image_edito
{
	float:left;
	padding-right:15px;
}

.paragraphe_gauche
{
	width:230px;
	float:left;
	padding-right:20px;
}

.paragraphe_droit
{
	width:230px;
	float:left;
}

.liste_puce_edito
{
	padding-left:30px;
	list-style-position:outside;
	list-style-image:url(../images/puce_cube.gif);
}


/*------------*/
/* phototheque*/
div#phototheque {}
div.ph_vignette { width:234px; height:180px; overflow:hidden; float:left; position:relative; margin-bottom:10px; text-align:center}
div.ph_vignette div {
	position:absolute; background-color:#241713; height:26px; bottom:30px; width:100%; left:0px; right:0px;
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9;
}
div.ph_vignette p {
	position:absolute; bottom:36px; z-index:3; color: #FFF; left:10px; width:230px
}
/*end phototheque*/


.bg_infos
{
	background:url(../images/bg_infos_top.gif) top repeat-x #FFF;
	width:228px;
	margin-top:8px;
}

.bg_infos_bot
{
	background:url(../images/bg_infos_bot.gif) bottom repeat-x;
	width:208px;
	padding:10px;
}

.bg_infos_bot a
{
	float:right;
}

/* sondage */

div.blockWidget1_c_sondage
{
	background:#eae9e8 url(../images/widget_content_background.gif) left top repeat-x;
	text-align: left;
	padding:9px 9px 0 9px;
}
div.blockWidget1_c_sondage span.sondage { color: #6E6E6E; padding-left: 5px; }
div.block input.portlet { margin-bottom: inherit; padding-left: 5px; }

.btDegrade
{
	background:url(../images/buttons/btBackground1.gif) left top repeat-x;
	font-weight:bold; 
	padding:3px 5px 0px 3px;
	display:block;
	font-family:"Trebuchet MS", Arial;
	border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4;
}

div.blockWidget1_c_sondage .formulaire
{
	padding-left: 10px;
	padding-bottom: 8px;
}

div.blockWidget1_c_sondage .formulaire input.btDegrade
{
	border: inherit;
	margin-bottom: inherit;
	margin-left: 29%; 
	color: inherit;
	color:#FFF;
	height: 22px;
}

/*------------*/

/* PRO */

body.pro {color:#000;}


body.pro #logo a{
	background:url(../images/logo_pro.png) no-repeat left center;
	width:202px;
	height:64px;
}



body.pro .pagination  strong {color:#000}
body.pro  .pagination a:hover  { background-color:#000;}


body.pro h2 {
	color:#c3051a;
}

body.pro #menu_v {
	margin-top:19px;
}

/* menu V Pro */
body.pro #menu_v .menu_v_1 li.top{
	background: url(../images/menu_v/menu_v_haut_pro.png) no-repeat;

}
body.pro #menu_v .menu_v_1 li.top_fonce{
	background: url(../images/menu_v/menu_v_haut_noir.png) no-repeat;

}
body.pro #menu_v .menu_v_1 li{
	background: url(../images/menu_v/menu_v_pro.png) no-repeat;

}
body.pro #menu_v .menu_v_1 li.fonce{
	background: url(../images/menu_v/menu_v_noir.png) no-repeat;

}
body.pro #menu_v .menu_v_1 li.bottom{
	background: url(../images/menu_v/menu_v_bas_pro.png) no-repeat;

}
body.pro #menu_v .menu_v_1 li.bottom_fonce{
	background: url(../images/menu_v/menu_v_bas_noir.png) no-repeat;

}

body.pro #menu_v .menu_v_1 li.fonce{
	background: url(../images/menu_v/menu_v_noir.png) no-repeat;

}


body.pro #menu_v .menu_v_1 li.fonce a,
body.pro #menu_v .menu_v_1 li.bottom_fonce a,
body.pro #menu_v .menu_v_1 li.top_fonce a
{
	color:#fff;	
}

body.pro #menu_v .menu_v_1 li.fonce ul li a,
body.pro #menu_v .menu_v_1 li.bottom_fonce ul li a,
body.pro #menu_v .menu_v_1 li.top_fonce ul li a
{
	color:#32161A;	
}

/* sous menu */
body.pro #menu_v .ssmenu_v li.ssmenu_top{
	background: url(../images/menu_v/ssmenu_v_haut_pro.png) no-repeat;

}
body.pro #menu_v .ssmenu_v li{
	background:url(../images/menu_v/ssmenu_v_pro.png) no-repeat;

}
body.pro #menu_v .ssmenu_v li a:hover, #menu_v .ssmenu_v li a.select{
	background:url(../images/menu_v/fleche_droite.gif) no-repeat 169px 5px;

}
body.pro #menu_v .ssmenu_v li.ssmenu_bottom{
	background: url(../images/menu_v/ssmenu_v_bas_pro.png) no-repeat;

}

body.pro #menu_v .ssmenu_v_2_haut .gamme:hover{
	color:#000 !important;

}



/* end sous menu */


/* end menu V Pro */



/* Menu h */

body.pro #menu_h li a:hover,
body.pro #menu_h li.on a{
	color:#c3051a !important;
}

/* ne dmenu h */


/* portlet */

body.pro div.blockWidget1 a{color:#000;}
body.pro div.blockWidget1_header { 
	background:#000; 
	color:#fff;
}

body.pro div.icFleche_openclose {
	background:url(../images/buttons/fleche_openclose_pro.png) left top no-repeat;
}

body.pro div.blockWidget1_content li { border-top:1px solid #000} 


body.pro div.blockWidget2 a{color:#000;}
body.pro div.blockWidget2_h{ 
	background:#000; 
}
body.pro div.blockWidget2 {border:1px solid #000}
body.pro div.blockWidget2_c li {
	background:url(../images/puce_cube_pro.gif) no-repeat left center;
	border-top:1px solid #000;
}
body.pro div.blockWidget2_h div { color:#FFF}

body.pro div.blockWidget1_h { 
	background:#000; 
}
body.pro div.blockWidget1_h div {color:#FFF}
body.pro div.blockWidget1_c li { border-top:1px solid #000;} 

/* end protlet */

/* Slider */
body.pro .sliderDesign3 .sliderNavLeft, body.pro .sliderDesign3 .sliderNavRight, body.pro .sliderDesign3 .sliderNavLeft,  body.pro .sliderDesign3 .sliderNavRight{
	background-color:#000;
}
body.pro .sliderDesign3 .itemsOver {background:url(../images/hp_visuelOver_pro.jpg) left top no-repeat; display:none}
body.pro .sliderDesign3 a.browse {background:url(../images/buttons/btslider_pro.gif) no-repeat}
body.pro .sliderDesign3 a.browse2 {background:url(../images/buttons/btslider_pro.gif) no-repeat}

body.pro .sliderDesign1 a.browse {background:url(../images/buttons/btslider_pro.gif) no-repeat}

/* end slider*/


/**** icones ***/
body.pro .icone_catalogue { background:url(../images/icone_catalogue_pro.png) left center no-repeat; padding-left:25px}
body.pro .icone_rechercher { background:url(../images/icone_rechercher_pro.png) left center no-repeat; padding-left:25px}
body.pro .icone_abonner { background:url(../images/icone_abonner_pro.png) left center no-repeat; padding-left:25px}
body.pro .icone_contact { background:url(../images/icone_contact_pro.png) left center no-repeat; padding-left:25px}
body.pro .icone_mail_ami { background:url(../images/icone_mail_ami_pro.png) left center no-repeat; padding-left:25px}
body.pro .icone_imprimer { background:url(../images/icone_imprimer_pro.png) left center no-repeat; padding-left:25px}

/***************/


body.pro ul.li_puceOcre li, body.pro li.li_puceOcre { 
	list-style:none; background:url(../images/puce_cube_pro.gif) left center no-repeat !important; 
}
body.pro ul.li_puceOcre li,
body.pro ul.li_puceOcre li li { background:url(../images/puce_cube_pro.gif) left 6px no-repeat !important}
body.pro ul.li_puceOcre li li li  { background:url(../images/fleche_droite_footer.gif) left 6px no-repeat !important}
body.pro .liste li, body.pro a.linkPuce {
	background:url(../images/puce_cube_pro.gif) no-repeat left center;
}
body.pro .liste_puce_edito
{
	padding-left:30px;
	list-style-position:outside;
	list-style-image:url(../images/puce_cube_pro.gif);
}
body.pro .filtre_col {background:url(../images/table_degrade2_separateur_pro.gif) right top no-repeat}

body.pro .colorOcre {color:#777}

/*footer*/
body.pro #footer .bloc  h2{
	color:#000;
}
body.pro #footer .bloc a{
	background: url(../images/puce_cube_pro.gif) no-repeat left 5px;
}
/*end footer*/


/* END PRO */


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1020;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


div#documentheque
{
}
	div#documentheque a
	{
		display:block;
		float:left;
		/*width:390px;*/
	}
	div#documentheque span
	{
		float:right;
		padding-right:8px;
	}
		div#documentheque span a
		{
			/*width:auto;*/
		}
	div#documentheque ul
	{
		margin:8px 0 0 8px;
		padding:3px;
		float:left;
		border:1px solid #CCC;
		background:#FAFAFA;
		width:480px;
		clear:both;
	}
		div#documentheque ul li
		{
			color:#515151;
		}

a.forgotpasswd
{
	color:#32161A;
}
a.forgotpasswd:hover { text-decoration:underline }