

body{
	margin:0;
	padding:0;
}


div#page {
	margin:auto;
	text-align:left;
	
	width:980px;
	_width:990px;
}

div#top_menu {
	float:right;
	text-align: right;
}


div#entete {
	position: relative;
}


div#gauche {
	
	border:0px solid #000000;
	display:inline;
	float:left;
	margin:0px 0px 0px 0;
	padding-right:0px;
	padding-top:10px;
	width:160px;
}

div#centre {
	border:0px solid #000000;
	display:inline;
	float:left;
	margin:0px 0;
	padding-right:0px;
	width:660px;
}

div#droite {
	border:0px solid #000000;
	display:inline;
	float:right;
	margin:0px 0 0px 0px;
	margin-left: 0px;
	padding-left:10px;
	padding-top:10px;
	width:150px;
	
}




div#logo {
	width: 420px;
	float:left;
	margin-left: 10px;
}

div#banners {
	width: 468px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

div#pathway {
	clear:both;
	float:left;
	width: 640px;
}

div#milieu {
	clear:both;
	float:left;
	width: 660px;
}

#search {
	
}


#categories {
	clear:both;
	margin:0 auto;
	width: 970px;
}


div#pied{
	clear:both;
}
	


div#bottom_menu {
	
}





	


/* Styles commun, peuvents êtres suchargés dans les elements */
/************************************************************************/

.bg_body{
	
	height:100%;
	/*background-image: url(../images/gris_bleu/main_bg.jpg);*/
	background-repeat: repeat-y;
  	background-position: center;
  	background-color:#BFCDE0;
	
}
	
/* éléments simple pour fck editor (publications) , s'applique aussi au flux rss*/
ul {
	list-style-image: url(../images/gris_bleu/arrow.gif);
	
}

li {

}

/* le body est necessaire pout fckeditor coté admin */
body,div, p, table, td, th {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.7em;
	color:#000000;
	
}

a {
	text-decoration: underline; 
	color:#333333;
}


a img{
	text-decoration: none; 
	border: 0px;
	
}

a:link {
	text-decoration: underline; 
	color: #D00216;
	font-weight: normal;
}

a:visited {
	text-decoration: underline; 
	color: #D00216;
	font-weight: normal;
}

a:hover {
	text-decoration: underline; 
	color: #999999;
	font-weight: normal;
}

button.addtocart {
	width:141px;
	height:29px;
	padding:0px;
	border:none;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-top:5px;
}

button.addtocart img{
	padding-left:3px;
	text-align:left;
	vertical-align:middle;
}

button.cartorder {
	width:141px;
	height:29px;
	padding:0px;
	border:none;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	
}

button.cartorder img{
	padding-left:3px;
	text-align:left;
	vertical-align:middle;
}

button.cartbutton {
	
	width:170px;
	height:30px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border:none;
}

button.cartbutton img{
	padding-left:5px;
	text-align:left;
	vertical-align:middle;
}


button.contactus {
	
	width:200px;
	height:30px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	border:none;
	
}

input.recallme {
	background-image: url(../images/gris_bleu/recallme.gif) bottom left no-repeat;
	text-align:right;
	border:none;
	font-size: 10px;
	vertical-align: middle;
	overflow:hidden;
	color: #FFFFFF;
	width:70px;
    margin-left: 27px;
    height: 60px;
}


h1, h2, h3, h4 {
	color :#999999;
	font-size: 14px;
}

div.page_heading{
	color : #6B6C6F;
	font-size: 14px;
}


/* liens précédents et suivant pour les tableau générée avec helper_list_html */

span.nav_page {
	font-size:10px;
	color:#828177;
}

a.nav_page {
	font-size:10px;
	color:#333333;
}

a:hover.nav_page {
	text-decoration:underline;
	font-size:10px;
	color:#828177;
}

/* style du message quand une liste est vide */
div.empty_list {
	color:#0061C8;
	text-align:center;
	padding:10px;
}
/* style du div de la google map */
div#googlemap {
	
	margin-top:30px;
	margin-left:40px;
	margin-right:40px;
	width: 500px; 
	height: 500px;
	
}

div.back_link {
	text-align : right;
	padding-right: 60px;
}


div.back_link a:link {
	text-decoration: underline; 
	color: #0061C8;
	font-weight: normal;
}

div.back_link a:visited {
	text-decoration: underline; 
	color: #0061C8;
	font-weight: normal;
}

div.back_link a:hover {
	text-decoration: underline; 
	color: #999999;
	font-weight: normal;	
}

div .shop_info {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px:
	margin-right: 10px:
}

div .shop_warning{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px:
	margin-right: 10px:
}

div .shop_critical{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px:
	margin-right: 10px:
}

/*fin  de styles communs */
/************************************************************************/



/* layout customization */
/************************************************************************/


#droite{
	/*background:#0061C8 none repeat scroll 0;*/
}



div#page{
	background-image: none;
	background-color:#BFCDE0;
	margin-top:10px;
}

/* coins arrondis sans images */
.entete .itop, .entete .ibottom {display:block; background:transparent; font-size:1px;}
.entete .i1, .entete .i2, .entete .i3, .entete .i4, .entete .i8, .entete .i7, .entete .i6, .entete .i5 {display:block; overflow:hidden;}
.entete .i1, .entete .i2, .entete .i3, .entete .i8, .entete .i7, .entete .i6 {height:1px;}
.entete .i2 {background:#0061C8; border-left:1px solid #6B6C6F; border-right:1px solid #999999;}
.entete .i3 {background:#0061C8; border-left:1px solid #6B6C6F; border-right:1px solid #0061C8;}
.entete .i4 {background:#0061C8; border-left:1px solid #6B6C6F; border-right:1px solid #0061C8;}
.entete .i5 {background:#0061C8; border-left:1px solid #999999; border-right:1px solid #FFFFFF;}
.entete .i6 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #FFFFFF;}
.entete .i7 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #FFFFFF;}
.entete .i1 {margin:0 5px; background:#6B6C6F;}
.entete .i2, .entete .i7 {margin:0 3px; border-width:0 2px;}
.entete .i3, .entete .i6 {margin:0 2px;}
.entete .i4, .entete .i5 {height:2px; margin:0 1px;}
.entete .i8 {margin:0 5px; background:#FFFFFF;}

.entete .entete-content {
	display:block; 
	background:#0061C8; 
	border-left:1px solid #6B6C6F; 
	border-right:1px solid #FFFFFF;
} 



#categories{
		
		background:transparent none repeat scroll 0%;
		text-align:center;
		
}

/* coins arrondis sans images 
#categories .itop, #categories .ibottom {display:block; background:transparent; font-size:1px;}
#categories .i1, #categories .i2, #categories .i3, #categories .i4, #categories .i8, #categories .i7, #categories .i6, #categories .i5 {display:block; overflow:hidden;}
#categories .i1, #categories .i2, #categories .i3, #categories .i8, #categories .i7, #categories .i6 {height:1px;}
#categories .i2 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
#categories .i3 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
#categories .i4 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}

#categories .i5 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
#categories .i6 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
#categories .i7 {background:#0061C8; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}

#categories .i1 {margin:0 5px; background:#0061C8;}
#categories .i2, #categories .i7 {margin:0 3px; border-width:0 2px;}
#categories .i3, #categories .i6 {margin:0 2px;}
#categories .i4, #categories .i5 {height:2px; margin:0 1px;}
#categories .i8 {margin:0 5px; background:#0061C8;}

#categories .categories-content {
	display:block; background:#0061C8; 	
	border-left:1px solid#0061C8; border-right:1px solid #0061C8;
}
*/

div#top_menu {
	background-color: #0061C8;
}



div#top_menu a:hover {
	color:#999999;
	text-decoration:none;
}

div#top_menu a {
	color:#FFFFFF;
	text-decoration:none;	
}

/* image centrée pour le séparateur de menu */
div#top_menu span {
	background: url(../images/gris_bleu/sep_menu.jpg) center no-repeat;
	text-align: center;
}

div#top_menu table {
}


div#top_menu td {
	height : 20px;
	text-align: right;
}

div#bottom_menu {
	
}

div#bottom_menu a:hover {
	color:#999999;
	text-decoration:none;
}

div#bottom_menu a {
	color:#000000;
	text-decoration:none;	
}

div#bottom_menu span {
	background: url(../images/gris_bleu/sep_menu.jpg) center no-repeat;
	text-align: center;
}

div#bottom_menu table {
}


div#bottom_menu td {
	height : 40px;
	text-align: center;
	
}

div#pathway{
	height:25px;
	margin-bottom: 10px;
}

div#pathway span {
	margin-left:0px;
	margin-top: 5px;
	vertical-align : middle;
	height:20px;
	float : left;
	width: 100%;
}

div#pathway a {
	color: #0061C8;
	text-decoration: none;
	margin : 5px;
}

div#pathway font {
	color: #0061C8;
	margin : 5px;
}

div#pathway a:hover {
	color: #6B6C6F;
	text-decoration: underline;
	
}

#pied {
}
/*fin  layout customization */
/************************************************************************/


/***************************************************************************/
/* style commun a tous les bloc non surchargés qui viennent en pleine page */
/***************************************************************************/

div.mainpage{
		margin-bottom: 12px;
		width:660px;
}

/* coins arrondis sans images */
.mainpage .itop, .mainpage .ibottom {display:block; background:transparent; font-size:1px;}
.mainpage .i1, .mainpage .i2, .mainpage .i3, .mainpage .i4, .mainpage .i8, .mainpage .i7, .mainpage .i6, .mainpage .i5 {display:block; overflow:hidden;}
.mainpage .i1, .mainpage .i2, .mainpage .i3, .mainpage .i8, .mainpage .i7, .mainpage .i6 {height:1px;}
.mainpage .i2 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.mainpage .i3 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.mainpage .i4 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}

.mainpage .i5 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.mainpage .i6 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.mainpage .i7 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}


.mainpage .i1 {margin:0 5px; background:#0061C8;}
.mainpage .i2, .mainpage .i7 {margin:0 3px; border-width:0 2px;}
.mainpage .i3, .mainpage .i6 {margin:0 2px;}
.mainpage .i4, .mainpage .i5 {height:2px; margin:0 1px;}
.mainpage .i8 {margin:0 5px; background:#0061C8;}

.mainpage .mainpage-content {
	display:block; 
	background:#FFFFFF; 
	border-left:1px solid #0061C8; 
	border-right:1px solid #0061C8;
	
/* pour firefox un padding est nécessaire à cause de l'espace généré dans les publi par blockquote ou p en debut et fin de publi */
	padding-top : 10px;
	padding-bottom : 10px;
	
	/* pas pour ie6 */
	_padding-top : 0px;
	_padding-bottom : 0px;
}

.mainpage .elem-content p {
	_margin-top:0px;
	_margin-bottom:0px;
}

.mainpage div{
	background:none;
}

.mainpage div div  {
	background:none;
}

.mainpage div div div {
	clear: both;
	background:none;
}

/* pas de propagation du padding et de la largeur et du fond*/
.mainpage div div div div {
	width: 100%;
	padding: 0px;
	background:none;
	
}

/* resout un bug ie */
.mainpage .mainpage-content form {
	margin: 0px;
}

/************************************************************************/
/*elements styles */
/************************************************************************/
/* commun à tous les elements */
.element {
		background:transparent none repeat scroll 0%;
		margin-bottom: 0px;
}

.element .elem-content p {
	_margin:0px;
}

.element div div div div {
	background:none;
}


.element table.titre {
	height:20px;
	
}

.element table.titre td {
	height:20px;

}

/* cellule du tableau qui comporte l'image dynamique ex : panier */
.element td.image {
	text-align : center;
	
}

.element td.image img {
	height:25px;
	margin-bottom: 0px;
	
}

.element h1, .element h2, .element h3,  .element h4 {
	padding:0px;
	text-align:center;
	color:#333333;
	display:block;
	font-size:12px;
	margin: 0px -4px 0px -4px;
	height:14px;
	background:transparent;
	
}

/* on éliminine la visu du hr, sans changer le code */
.element hr {
	
	 display: none;
}


/***************************************************************************/
/* style commun a tous les bloc non surchargés elementbrut différents de arrondi*/
/***************************************************************************/

div.elembrut  {
	
	background:none;
	
}

/* elements brut du milieu seulement*/
div.elembrut.element-milieu  {
	
	margin-left: 0px;
}





/***************************************************************************/
/* style commun a tous les bloc non surchargés element-milieu */
/***************************************************************************/

/* styles coins avec images */


div.element-milieu{
	
		background: url(../images/gris_bleu/arrondi_middle_660.jpg) bottom left repeat-y;
		margin-bottom: 12px;
		width:660px;
		
}

.element-milieu div{
	/* taille obligatoire pour ie */
	width:660px;
	background:url(../images/gris_bleu/arrondi_bottom_660.jpg) bottom left no-repeat;
	
}

.element-milieu div div  {
	
	background: url(../images/gris_bleu/arrondi_top_660.jpg) top left no-repeat;
}


.element-milieu div div div {
	width:620px;
	clear: both;
	background:none;
	border: 0px solid #B3294D;
	padding: 20px;
	padding-top: 2px;
	
}


/* pas de propagation du padding et de la largeur et du fond*/
.element-milieu div div div div {
	width: 100%;
	padding: 0px;
	background:none;
	
}

/* resout un bug ie */
.element-milieu .mainpage-content form {
	margin: 0px;
}

.element-milieu .elem-content p {
	_margin-top:0px;
	_margin-bottom:0px;
}


#element-publication_milieu  {
	width:660px;
}



.element-milieu h1, .element-milieu h2, .element-milieu h3, .element-milieu h4{
		color: #FFFFFF;
		height:25px;
}


/***************************************************************************/
/* style commun a tous les bloc non surchargés element-droite */
/***************************************************************************/

div.element-droite{
		margin-bottom: 12px;
		width:150px;
		background:#FFFFFF;
		background: url(../images/gris_bleu/arrondi_middle_150.jpg) repeat-y scroll left bottom;
}

.element-droite div{
	
	/* taille obligatoire pour ie */
	width:150px;
	background:url(../images/gris_bleu/arrondi_bottom_150.jpg) bottom left no-repeat;
}

.element-droite div div  {
	background: url(../images/gris_bleu/arrondi_top_150.jpg) top left no-repeat;
}



.element-droite div div div {
	
	
	width : 130px;
	clear: both;
	background:none;
	padding: 10px;
	padding-top: 2px;
}


/* pas de propagation du padding et de la largeur et du fond*/
.element-droite div div div div {
	width: 100%;
	padding: 0px;
	background:none;
}


/* resout un bug ie */
.element-droite .elem-content form {
	margin: 0px;
}


.element-droite .elem-content p {
	_margin-top:0px;
	_margin-bottom:0px;
}

.element-droite h1, .element-droite h2, .element-droite h3, .element-droite h4{
		color: #FFFFFF;
		height:25px;
}



/***************************************************************************/
/* style commun a tous les bloc non surchargés element-gauche */
/***************************************************************************/

div.element-gauche{
		margin-bottom: 12px;
		width:150px;
		background:#FFFFFF;
		background: url(../images/gris_bleu/arrondi_middle_150.jpg) repeat-y scroll left bottom;
}

.element-gauche div{
	
	/* taille obligatoire pour ie */
	width:150px;
	background:url(../images/gris_bleu/arrondi_bottom_150.jpg) bottom left no-repeat;
}

.element-gauche div div  {
	background: url(../images/gris_bleu/arrondi_top_150.jpg) top left no-repeat;
}



.element-gauche div div div {
	
	
	width : 130px;
	clear: both;
	background:none;
	padding: 10px;
	padding-top: 2px;
}


/* pas de propagation du padding et de la largeur et du fond*/
.element-gauche div div div div {
	width: 100%;
	padding: 0px;
	background:none;
}


/* resout un bug ie */
.element-gauche .elem-content form {
	margin: 0px;
}


.element-gauche .elem-content p {
	_margin-top:0px;
	_margin-bottom:0px;
}

.element-gauche h1, .element-gauche h2, .element-gauche h3, .element-gauche h4{
		color: #FFFFFF;
		height:25px;
}



/*****************************************************************************************************************/
/*  LE MODULE elem_login */

#element-phonerecall,
#element-login {
	/*background:transparent;*/
	margin-bottom: 5px;
	margin-top: 5px;
}

#element-login #login{
	margin-bottom:5px;
}

#element-login h1, #element-login h2, #element-login h3, #element-login h4 {
	
}
#element-login a {
	font-size: 9px;
	line-height : 10px;
	color:#0061C8;
}

#element-login label {
	font-size: 9px;
	line-height : 11px;
	color:#0061C8;
}

#element-login br {
	line-height : 2px;
}

#element-login #username_field {
	font-size: 9px;
	line-height : 9px;
	height: 10px;
}


#element-login #password_field {
	font-size: 9px;
	line-height : 9px;
	height: 10px;
}

#element-login .button {
	font-size: 9px;
	line-height : 9px;
	height: 20px;
}



/*****************************************************************************************************************/
/*  LE MODULE search */
#element-search {
	background:transparent url(../images/gris_bleu/bg_search.gif) top left no-repeat;
	text-align:center;
	height: 20px;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 16px;
	width: 130px;
}

#element-search .inputbox-search {
	background:transparent;
	border:0px none;
	color:#333333;
	font-size: 10px;
	width:120px;
	margin-left : 20px;
	margin-top : 3px;
	height:22px;
}

#element-search div{
	
	background: none;
}

#element-search div div{
	background: none;
	
}

#element-search div div div{
	background: none;
	
}

#element-search form{
	
	height:20px;
	margin : 0 0 0 0;
	padding: 0 0 0 0;
}

.search-search {
	
}


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

/*****************************************************************************************************************/
/*  LE MODULE CART */

#element-cart {
	
}

#element-cart div div div{
	
}

div#element-cart td.nbreproduct{
	color:#333333;
}

div#element-cart td.total_ttc_currency{
	color:#333333;
}


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

/*****************************************************************************************************************/
/*  LE MODULE productscroller */

#element-productscroller {
	
	
}

#scroller {
	background: none;
}





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

/*****************************************************************************************************************/
/*  LE MODULE latest_product */

#element-latestprod {
	
	
}


div#element-latestprod h1, div#element-latestprod h2, div#element-latestprod h3, div#element-latestprod h4 {
	
}

div#element-latestprod table {
	empty-cells : show;
}

div#element-latestprod td {
	
}

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

/*****************************************************************************************************************/
/*  LE MODULE feature product */

#element-featureprod {
	
}

div#element-featureprod h1, div#element-featureprod h2, div#element-featureprod h3, div#element-featureprod h4 {
	
}


div#element-featureprod table {
	empty-cells : show;
}

div#element-featureprod td {
	
}

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

/*****************************************************************************************************************/
/*  LE MODULE elem_frontnews */

#element-frontnews {
	
	
}

div#element-frontnews h1, div#element-frontnews h2, div#element-frontnews h3, div#element-frontnews h4 {
	
	
}


div#element-frontnews table {
	empty-cells : show;
}

div#element-frontnews td {
	padding :5px;
	border-top:4px solid #FFFFFF;
	border-bottom:4px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
	border-left:4px solid #FFFFFF;
	background-color: #D5D2D2;
	
}

/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*  LE MODULE latestnews */

#element-latestnews {
	
}

div#element-latestnews div.publication_resume {
	text-align:justify;
	font-size: 10px;
	width : 130px;
	margin-right: 10px;
	margin-left: 10px;
}


div#element-latestnews table.news_link {
	empty-cells : show;
	border-color : #D5D2D2;
	width : 90%;
	margin-right : 8px;
	margin-left : 5px;
	margin-bottom : 8px;
}

div#element-latestnews table.news_link td {

	background-color: #D5D2D2;
	border-color : #D5D2D2;
	
	
}

/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*  LE MODULE rss */

#element-rss {
	
	
}

div#element-rss table.elementtable-rss {
	margin:0px;
}

div#element-rss ul.newsfeed-rss {
	margin:0px;
	padding:0px;
	list-style: inside;
	list-style-image: url(../images/gris_bleu/arrow.gif);
	/* ie 6 positionne mal les puces */
	_list-style: outside;
	_list-style-image: none;
}

div#element-rss li.newsfeed-rss {

	width:118px;
	
	
}

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


/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*  LE MODULE manufacturers */


#element-manufacturers {
	
}

#element-manufacturers select {
	
	font-size: 9px;
	width : 110px;
	color: #999999; 
	margin-bottom: 10px;
}

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


/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*  LE MODULE slideshow */


#element-slideshow_gauche {
	
	
}

/* dojo style */
.slideShowWrapper {

	border: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.slideShowImageWrapper {
	border: 0px;
	margin-top: 0px;
}

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


/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*  LE MODULE productslider */
/* empeche l'heritage de width pour le product slider */

.elembrut-productslider div div div {
	width: auto;
}

#element-productslider_milieu div div div  {
	width: auto;
}


#element-productslider_milieu_2 div div div  {
	width: auto;
}


#element-productslider_milieu_3 div div div  {
	width: auto;
}

#element-productslider_milieu_4 div div div  {
	width: auto;
}


/* style du slider */
.dojoxScrollHelper {
			border:4px solid #3399CC;		
}

/* le background est annulé par .element-milieu div div div div on le remet */
.element-milieu div div div div.dojoxScrollHelper{
	background-color: #3399CC;
	
}



/* class du tableau qui contient les elements du slider */
.product_slider_container td{
	border:0px dotted #b7b7b7;
	padding-right:10px;
	padding-left:10px;
}

/* class du tableau dde chaque element du slider */
.product_slider_element td{
	border:none;
	padding-right:0px;
}

/* cellules informations produits du slider */
td.product_slider_information{
	text-align : center;
}
/*****************************************************************************************************************/


/*****************************************************************************************************************/
/*  L'élément catégories*/

#element-categories  {
	
}

#element-categories div  {
	
	
}

#element-categories span {
	
	
}

#element-categories div div  {
	
}

#element-categories div div div {
	
}


#element-categories  {
	padding : 0px;
	
}

/* TOOLBAR  dojo */
/***************************************************/

/* positionnement et image de fond de la toolbar dojo */
.tundra .dijitToolbar {
	background:transparent none no-repeat scroll center;
	border: 0px solid;
	border-color: #000000;
	
}

/* taille des cellules de premier niveau */
.tundra .dijitToolbar .dijitDropDownButton { 

	height: 25px;
	
}

.dj_ie6 .tundra .dijitToolbar .dijitDropDownButton {
	
	height: 22px;
}


/* couleur cellule normale premier niveau toolbar dojo */
.tundra .dijitToolbar .dijitDropDownButton, .dj_ie6 .tundra .dijitToolbar .dijitDropDownButton {
	border: 0px;
	border-color: #000000;
	
}

/* couleur cellule over premier niveau toolbar dojo */
.tundra .dijitToolbar .dijitDropDownButtonHover, .dj_ie6 .tundra .dijitToolbar .dijitDropDownButtonHover {
	background: #828177;
	border: 0px;
	border-color: #000000;
	
}

/* supression de l'image fleche vers le bas du drop down */
.tundra .dijitToolbar .dijitButtonNode .dijitArrowButtonInner {
	background:transparent none no-repeat scroll center;
	width:0px;
}

/* police toolbar dojo */
.tundra .dijitToolbar .dijitButtonNode, div.dijitButtonText {

	color: #FFFFFF;
	font-family:Verdana,sans-serif,Helvetica;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-weight:bold;
	
}


/* police toolbar dojo niveaux inférieurs*/
.tundra .dijitMenuItem, .tundra .dijitMenuItemHover, .dijitMenuItem td {
		font-family:Verdana,sans-serif,Helvetica;
		color: #FFFFFF;
		font-size:12px;
		font-size-adjust:none;
		font-stretch:normal;
		font-weight:normal;
		text-align: left;
}


/* border pour les sousmenus et margin */
.tundra .dijitMenu {
	border: 1px solid #0061C8;
	margin-top: 3px;
	padding: 0px;
}

/*couleur cellule normale toolbar dojo */
.tundra .dijitMenuItem {
	background-color: #999999;
	
}

/* couleur cellule over toolbar dojo */
.tundra .dijitMenuItemHover{
	background-color: #828177;

}

/*********************************************************************************************************/
/* le menu gauche */
#element-menu_gauche {
	background:none;
	background:transparent url(../images/gris_bleu/categories_bg.png) no-repeat;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top : 10px;
	padding-bottom : 0px;
}

#element-menu_gauche  td{
	
	text-align: center;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	line-height:1.7em;

}

#element-menu_gauche div  {
	background:none;
	background:transparent url(../images/gris_bleu/categories_bottom.png) bottom left no-repeat;
	padding-bottom : 3px;
}

#element-menu_gauche div div  {
	background:none;
}

#element-menu_gauche div div div {
	background:none;
}


#publication_top{

	margin-top:10px;
	margin-bottom:10px;
	
}

/* lien ligthbox sans soulignement */
a.lightbox {
	text-decoration: none; 
}


/**********FIN **************/










/*item_categorie.css*/

div.item_categorie_on_2_cols  {

		background:transparent none repeat scroll 0%;
		margin-right: 10px;
		margin-bottom:10px;
		width:320px;
}



div.item_categorie_on_1_col {

		background:transparent none repeat scroll 0%;
		margin-bottom: 10px;
		width:660px;
		
}


/* coins arrondis sans images */
.item_categorie .itop, .item_categorie .ibottom {display:block; background:transparent; font-size:1px;}
.item_categorie .i1, .item_categorie .i2, .item_categorie .i3, .item_categorie .i4, .item_categorie .i8, .item_categorie .i7, .item_categorie .i6, .item_categorie .i5 {display:block; overflow:hidden;}
.item_categorie .i1, .item_categorie .i2, .item_categorie .i3, .item_categorie .i8, .item_categorie .i7, .item_categorie .i6 {height:1px;}
.item_categorie .i2 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.item_categorie .i3 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.item_categorie .i4 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}

.item_categorie .i5 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.item_categorie .i6 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}
.item_categorie .i7 {background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}


.item_categorie .i1 {margin:0 5px; background:#0061C8;}
.item_categorie .i2, .item_categorie .i7 {margin:0 3px; border-width:0 2px;}
.item_categorie .i3, .item_categorie .i6 {margin:0 2px;}
.item_categorie .i4, .item_categorie .i5 {height:2px; margin:0 1px;}
.item_categorie .i8 {margin:0 5px; background:#0061C8;}

.item_categorie .item_categorie-content {display:block; padding:0px;background:#FFFFFF; border-left:1px solid #0061C8; border-right:1px solid #0061C8;}


	
.item_categorie div{
	
	background:none;
}

.item_categorie div div{
	
	background:none;
}


.item_categorie div div div{
	
	background:none;
}


.item_categorie div div div div{
	background:none;
}


div.item_categorie td   {
	
	text-align : left;
	border : 0px  solid blue;
	padding-top: 4px;
	padding-left: 5px;
}



div.item_categorie td.product_thumb_image {
	
	
}




div.item_categorie h2.product_name {
	
	margin:0px;
	display: inline; 
}

div.item_categorie_on_1_col h2.product_name,
div.item_categorie_on_2_cols h2.product_name {
	margin:0px;
	display: inline; 
}



div.item_categorie span.product_sku {
	
	border : 0px  solid blue;
	color: #333333;
	
}




div.item_categorie h2.product_name a {

	color: #333333;
	text-decoration: none;
	font-size:13px;
	font-weight: bold;

}


div.item_categorie h2.product_name a:hover {

	color: #999999;
	text-decoration: none;
	font-size:13px;
	font-weight: bold;
}


div.item_categorie td.product_s_desc  {
	
	font-size:12px;
	color: #333333;
	text-decoration: none;
	
}




div.item_categorie span.product_details {

}


div.item_categorie td.product_price {

	
	border : 0px  solid blue;
	font-size:12px;
	color: #999999;
	
}


div.item_categorie td.form_addtocart {
	text-align:center;
	
}


div.item_categorie input.inputbox {
	
	font-size: 9px;
	width:30px;
}





div.item_categorie span.product_rating {
	
}


div.item_categorie span.product_availability {
	
}


div.item_categorie div.separator {
	clear:both;

}


div.item_categorie table {
}
	




/* produit_detail.css */



div.produit_detail hr{
	width : 70%;
	height: 0px; 
	color: #6B6C6F; 
	background-color: #6B6C6F; 
	border: none;
	
}



div.produit_detail h1 {
	
	
	border-bottom:0px solid #CCCCCC;
	background:transparent;
	text-align:center;
	padding:3px;
	color:#333333;
	display:block;
	font-size:13px;
	line-height:12px;
	margin: 0px 0px 0px 0px;
	height:25px;
	border-bottom:0px solid #CCCCCC;
	background:transparent;
}

div.produit_detail table {
	empty-cells : hide;
	
}

div.produit_detail td {
	padding-right :10px;
	
}

div.produit_detail td.product_price {
	color:#999999;
}

div.produit_detail div.product_price {
	color:#333333;
	font-size: 14px;
}

div.produit_detail p.quantite_min {
	color:#999999;
}



div.product_availability {
	
	border-top:0px solid #CCCCCC;
	border-bottom:0px solid #CCCCCC ;
	border-right:0px solid #CCCCCC;
	border-left:0px solid #CCCCCC;
	
}

div.product_desc {
	text-align:justify;
	_text-align:left;
	margin-right: 10px;
	margin-left:10px;
	width: 100%;
}

div.product_availability span{
	font-size:12px;
	color: #000000;
	text-align : left;
}


div.more_images {
float:left;
text-align:center;
overflow:auto;
padding-left: 20px;
padding-bottom: 20px;

}
/* annulation coin arrondi sans images */
.category_description .i1, 
.category_description .i2, 
.category_description .i3, 
.category_description .i4, 
.category_description .i5, 
.category_description .i6, 
.category_description .i7,  
.category_description .i8 {	
	height:0px;
	border: none;
}

#category_description .category-content{
		padding: 0px;
		border: none;
		width:660px;
		
}
/* FIN annulation coin arrondi sans images */



#category_description{
	
		background: url(../images/gris_bleu/arrondi_middle_660.jpg) bottom left repeat-y;
		margin-bottom: 12px;
		width:660px;
		
}


#category_description div{
	/* taille obligatoire pour ie */
	width:660px;
	background:url(../images/gris_bleu/arrondi_bottom_660.jpg) bottom left no-repeat;
	
}

#category_description div div  {
	
	background: url(../images/gris_bleu/arrondi_top_660.jpg) top left no-repeat;
}


#category_description div div div {
	width:620px;
	clear: both;
	background:none;
	border: 0px solid #B3294D;
	padding: 20px;
	_padding-left: 0px;
	_padding-right: 0px;
	padding-top: 2px;
	
}


/* pas de propagation du padding et de la largeur et du fond*/
#category_description div div div div {
	width: 100%;
	padding: 0px;
	background:none;
	
}




#category_description h1{
		color: #FFFFFF;
		height:25px;
}








.inside_categories, 
.category_description
{

		text-align: justify;
}

.category-content div {
	
	padding:0px;
}

/* resout un bug ie */
.category .category-content table {
	margin: 0px;
}
/* fin bug ie */

/* pb ie et firefox*/
.category .category-content h1 {
	margin: 0px;
}
.category .category-content ul {
	margin: 0px;
}


/* classe de div contenant la description de la categorie top */
div#top_category_desc {
	margin-left: 10px;
	margin-right: 10px;
	width:640px;
}

div#product_list{
	width:660px;
}

div.product_row{
	/* attention laisser à left quand plusieurs produits par colonnes */
	float: left;
	min-width: 250px;!important
	/min-width: 250px;
	
}

div.product_separator{
	clear: left;
}

form#order_product{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:left;
}

div#category_description h1 {
	
	text-align:center;
	
}


div#inside_categories table{
	
	
}

div#inside_categories h4 {
	
	text-align:center;
	color:#333333;
	display:block;
	font-size:13px;
	background:transparent;
}

div#inside_categories h2 {
	margin: 0px;
}


div#inside_categories table {
	empty-cells : show;
}

div#inside_categories td {
	
	
}

div#cart_details th {

 	color:#000000;
	font-size:12px;
	background-color:#CCCCCC;
	
}

tr.item_cart span {

 	font-weight: bold;
}

tr.item_cart a {

 font-weight: bold;
 font-size:12px;
}

td.quantite input.quantite_box {

width:30px;
height: 20px;
vertical-align:middle;
text-align : right;
	
}

tr.item_cart td.sous_total {

	color:#999999;
	font-size:12px;
	font-weight: bold;
	
}

tr.item_cart td.quantite {

	width:20px;
	text-align: right;
	
}

td.total_libelle {
	-x-background-y-position:0%;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/gris_bleu/total_libelle.png);
	background-repeat:repeat;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	height:18px;
	text-align:center;
	width:102px;
	height: 1.6em;
	
}

td.total {
	-x-background-y-position:0%;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/gris_bleu/total.png);
	background-repeat:repeat;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	height:18px;
	text-align:center;
	width:150px;
	height: 1.6em;
	
}


tr.row_total input.cart_update{
	
	/*-x-background-y-position:0%;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/gris_bleu/total.png);
	background-repeat:repeat;*/
	
	background-color:#D5D2D2;
	border-bottom: 2px solid #828177;
	border-right: 2px solid #828177;
	color:#000000;
	font-size:12px;
	font-weight: normal;
	height:18px;
	text-align:center;
	width:125px;
	height: 2em;
	
}

tr.row_subtotal td.sous_total {

	color:#999999;
	font-size:12px;
	font-weight: bold;
	
}

td.montant_code_reduction {
	
	color:#333333;
	font-size:12px;
	font-weight: bold;
}


td.minimum_order{
	color:#333333;
	font-size:12px;
	font-weight: bold;
	width:580px;
	text-align: center;
}

table.cart_continue {
	
	text-align: center;
	width:100%;
}

table.continue_bar {
	
	border-spacing:10px;
	text-align: center;
	width:100%;
	
}

table.continue_bar hr {
	
	display:none;
}

table.continue_bar td{
	

}


table.continue_bar a{
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
}

table.continue_bar td.order_link a{
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
}

table.continue_bar img{
	
	border: none;
	vertical-align: middle;
	text-align:left;
	
}

table.coupon_code {
	
	border-spacing:10px;
}




table.checkout table.checkout-content  {
	margin-left:0px;
	width:100%;
}


/* pb ie et firefox*/
.checkout .checkout-content h3 {
	margin: 0px;
	text-align:center;
}
	

.bouton_suivant {
	margin-top: 10px;
	margin-bottom: 10px;
}


.paiement {
	
}

.checkout_thankyou table {
	width: 100%;
}


.checkout_thankyou  td {
	padding-left: 10px;
	padding-right: 10px;
}


.choix_adresse_livraison td{
	text-align: left;
}

.choix_adresse_livraison span {
	    color:#333333;;
		font-size:12px;
		font-weight: bold;
}

.choix_adresse_livraison th {
	color:#333333;
	font-size:12px;
	text-align:center;
	font-weight: bold;
}


.choix_adresse_livraison table {
	border:none;
	border-spacing:5px;
}


.checkout_bar td.current_step {
	
		color:#000000;;
		font-size:12px;
		border: solid 2px #333333;
		background-color: #BFCDE0;
}

.checkout_bar td {
	
		color:#333333;;
		font-size:12px;

}

.checkout_bar a {
	
		color:#999999;;
		font-size:12px;
	
}



.choix_transport  table.standard_shipping th {

 	color:#000000;
	font-size:12px;
	background-color:#CCCCCC;
	
	
}

.choix_transport tr.row_standard_shipping2{
	background-color:#FFFFFF;
	
}

.choix_transport tr.row_standard_shipping1{
	background-color:#FFFFFF;
}

.choix_transport  table.standard_shipping th.titre_choix_transport{
	color:#000000;
	font-size:12px;
	background-color:#FFFFFF;
	text-align:center;
	font-weight: bold;
}

.choix_transport  table.standard_shipping td {
	
		color:#000000;;
		font-size:12px;
		text-align:left;
}

.choix_transport td.prix {
	color:#000000;
	font-size:12px;
}

.recap_ship_payment table {
	border-spacing:5px;
}

.recap_ship_payment th {
	text-align:left;
	color:#000000;
	font-size:12px;
	background-color:#CCCCCC;
}

.recap_ship_payment td {
	text-align:left;
	color:#999999;
	font-size:12px;
}

.recap_ship_payment span {
	
	color:#000000;
	font-size:12px;
	margin-left: 20px;
}

.recap_ship_payment input {
	
	width:518px;
	margin-left: 20px;
}


div.customer_info th {
	background-color:#CCCCCC;
	color:#000000;
	font-size:12px;
}


.customer_info table {
	border:none;
	border-spacing:10px;
}
.customer_info span {
		color:#000000;
		font-size:12px;
	
}

.choix_paiement  th {
	color:#000000;
	font-size:12px;
	text-align:center;
	font-weight: bold;
}

.choix_paiement  table {
	border-spacing: 5px;
}

.choix_paiement td {
	
		color:#000000;;
		font-size:12px;
		text-align:left;

}

.cart_coupon hr {
	margin:0px;
	display:none;
}







div.commandes_titre {
	text-align:center;
	color:#333333;
}

.admin_list th.title{
	background-color:#CCCCCC;
	color:#999999;
	font-size:12px;
	
}

.account_info span {
	    color:#999999;;
		font-size:12px;
}

.paniersenregistres span {
		color:#6B6C6F;
		font-size:12px;
	
}


.commande span {
	color:#999999;
}


.account_info td {
	color:#0061C8;
	font-size:12px;
	text-align : center;
}

.account_shipto  td {
	padding-left: 10px;
	padding-right: 10px;
}

.commande td.recap_order {
	border-right: 1px solid #9A9A9A; 
	padding: 10px;
}


.account_info table {
	border:none;
	border-spacing:0px;
}

.account_shipping table {
	border-spacing:10px;
}


.paniersenregistres table {
	border:none;
	border-spacing:10px;
}


.commande table {
	padding: 4px;
}

.account_shipping a.adresses {
	
		color:#999999;;
		font-size:12px;
}


.account_shipping.adresses a:hover.adresses {
	
		color:#999999;;
		font-size:12px;
		color:#999999;
		text-decoration:underline;
}

.account_shipto table {

}

.account_shipto hr {
	width: 200px;
	background-color: #999999;
	color:  #999999;
	height : 0px;
	border:0;
}

div.account_shipto th {
	text-align:center;	
}

div.paniersenregistres th, 
div.account_shipto th,
.commande th {
	background-color:#CCCCCC;
	color:#999999;
	font-size:12px;
}









.contact_mail table {
	
}

.contact_mail  td {
	padding-left: 10px;
	padding-right: 10px;
}
.contact_mail hr {
	width: 200px;
	background-color:#999999;
	color:  #999999;
	height : 0px;
	border:0;
}

div.contact_mail th {
	background-color:#FFFFFF;
	color:#0061C8;
	font-size:12px;
	text-align:center;	
	font-weight: bold;
}

div.contact_mail textarea {
	width: 262px;	
}
.vendor_conditions div div div div.scroll,
.vendor_legal div div div div.scroll{
	background:none;
	overflow:scroll;
	height: 200px;
}




.vendor_contact table,
.vendor_identity table {

	border-spacing: 10px;
}

.vendor_contact td.vendor_name {
	color:#999999;
	font-size: 12px;
}



.vendor_contact th,
.vendor_identity th {
	background-color:#FFFFFF;
	color:#999999;
	font-size:12px;
}


.vendor_identity td.vendor_identity_title {
	color:#999999;
	font-size: 12px;
}






 

.shop_registration table,
.shop_registrationwait table {
	width: 100%;	
}

/* bidouille pour ie6*/
.shop_registration form {
	_margin-top : -10px;
	
}

.shop_registration  td,
.shop_registrationwait  td {
	padding-left: 10px;
	padding-right: 10px;
}
.shop_registration hr {
	width: 200px;
	background-color: #FFFFFF;
	color:  #FFFFFF;
	height : 0px;
	border:0;
}

div.shop_registration th {
	background-color:#FFFFFF;
	color:#0061C8;
	font-size:12px;
	text-align:center;
	font-weight: bold;	
}




div.shop_publication div div div div.back_link span {
	background:none;
	
	padding-right: 10px;
}

div.shop_publication table.shop_search {
	text-align:left;
	width:100%;
}

/* padding sur la cellule et non sur le tableau pour ie6 */
div.shop_publication table.shop_search td {
	padding-left:20px;
}
	
	



.evidence {
	color:#999999;
	font-size:12px;
	font-weight: bold;
}

.configurateur table {
	border-spacing: 10px;
}

.configurateur td.vendor_name {
	color:#999999;
	font-size: 12px;
}

.configurateur th {
	background-color:#0061C8;
	color:#999999;
	font-size:12px;
}

.pathway_configurateur{
		background:#FFFFFF;
		background: url(../images/gris_bleu/arrondi_blanc_bl.png) bottom left no-repeat;
		width:580px;
		margin-bottom: 10px;
}
	
.pathway_configurateur div{
	background: url(../images/gris_bleu/arrondi_blanc_br.png) bottom right no-repeat;

}

.pathway_configurateur div div  {
	background: url(../images/gris_bleu/arrondi_blanc_tl.png) top left no-repeat; /* sans couleur à l'intérieur */
	/*background: url(../images/gris_bleu/arrondi_couleur_tl.png) top left no-repeat;*/
}

.pathway_configurateur div div div {
	background: url(../images/gris_bleu/arrondi_blanc_tr.png) top right no-repeat; /* sans couleur à l'intérieur */
	/*background: url(../images/gris_bleu/arrondi_couleur_tr.png) top right no-repeat;*/
	width: auto !important;
	/*width: 100%;*/
	padding: 6px;
	clear: both;
	
}

.pathway_configurateur div div div div {
	background:none;
}

#td_pathway_configurateur_goback{
	background: url(../images/gris_bleu/retour.gif) center no-repeat;
	color: white;
}

#td_pathway_configurateur_link{
}
 
/* style pour les avatars des éléments */

div.source {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
}

div.source span.avatar_title {
	font-size: 10px;
	color : #888888;
}

div.source table.avatar_content td {
	font-size: 10px;
	color : #55555;
}

div.source table.avatar_content td.avatar_edit {
	text-align: center;
}

/* drag and drop */
/* border cible */
.tundra .dojoDndItemBefore {
	border-top: 4px solid #F10970;
}

.tundra .dojoDndItemAfter {
	border-bottom: 4px solid #F10970;
}

.dnd_item {
	margin-top: 5px;
	margin-bottom: 5px;
}

span.source_title {
	font-size: 10px;
	color : #888888;
}