html {
	border: none;
}
html, body {
	
	
	color: #333;
	font	: 11px Verdana,'Bitstream Verda sans';
}


div.conteneur {
	background: url(theme/roussillon/fd_h.jpg) repeat-y;
}
div.banniere {
	height: 97px;
	background: url(theme/roussillon/bandeauSup.png);
}
div.banniere div.publicite {
	margin-top: 15px;
	margin-left: 500px;
}
div.gauche {
	width: 200px;
	float: left;
}
div.gauche div.menuCatalogue {
	width: 200px;
	padding: 0;
	margin: 0;
	background: url(theme/roussillon/fondBox_01.jpg) no-repeat;
}
div.gauche div.menuQSN {
	width: 200px;
	padding: 0;
	margin: 0;
}
div.gauche div.menuQSN a {
	color: #09C;
	text-decoration: none;
	margin-left: 5px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

div.gauche div.menuQSN h1{
	color: #09C;
	text-decoration: none;
	margin-left: 5px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}


div.gauche div.menuCatalogue a {
	color: #FFA74E;
	text-decoration: none;
	margin-left: 5px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
div.gauche div.menuCatalogue ul {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 20px -2px;
}
div.gauche div.menuCatalogue li {
	color: black;
	list-style-type: none;
	padding-left: 15px;
	background: url(theme/roussillon/puce_carre_bleu.gif) no-repeat 0 65%;
	font: 100% Verdana, Arial, Helvetica, Geneva, sans-serif;
}
div.gauche div.menuNewsForm {
	width: 200px;
	padding: 0;
	margin: 0;
	background: url(theme/roussillon/fondBoxNL.jpg) no-repeat;
}
div.gauche div.menuNewsForm h1{
	color: #09C;
	text-decoration: none;
	margin-left: 5px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

div.droite {
	/*border: 1px solid lavender;*/
	display: block;
	margin-right: 30px;
	margin-left: 300px;
	/*padding: 5px;*/
	
	vertical-align: top;
}
div.droite div.affArticle {
	padding: 10px;
	margin-left: 70px;
	margin-bottom: 15px;
}
div.droite div.breadcrumb {
	
	color: #09C;
	margin:5px

}

div.droite div.breadcrumb a{
	
	color: #09C;
	text-decoration:none;
	font-weight:bold;

}

.tire {
	clear: both;
	padding: 0 5px;
	display: block;
}
.infoPersoListe a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}


table.yourclass {
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}
table.yourclass td {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

/* + TABLEAU MISE EN AVANT +++++++++++++++++++++++ */

td.mise_en_avant  {
	color 	: #33ccff;
}

td.mise_en_avant .titre {
	font-size: 12px;
	font-weight: bold;
	background-color:#ffffff;
}

/* + TABLEAU SOUS CATEGORIE ++++++++++++++++++++++ */
/*
td.scategorie{
	background: url(theme/roussillon/fondSSC.jpg) no-repeat;
	height:70px;
	text-align:center;
	margin: 100px;
}

.CartoucheScat{
	margin-top:40px;
	border : 1px solid #ff0000;

	display:block;
	
}

*/

.titre {
	font-family: verdana, arial, sans-serif;
	background: #D2ECF5;
}
.StotalPayer {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
#tab {
	padding-left: 0;
	margin-left: 0;
	font: bold 11px/normal Verdana, Arial, Helvetica, sans-serif;
}
#tab ul {
	margin: 0;
	list-style: none;
	padding: 0 5px;
}
#tab li {
	display: inline;
	margin: 0;
	padding: 0;
}
#tab a {
	float: left;
	background: url("theme/roussillon/left03.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#tab a span {
	float: left;
	display: block;
	background: url("theme/roussillon/right03.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #464E42;
	background-color: #F93;
}
#tab a span {
	float: none;
}
#tab a:hover span {
	color: #FFF;
}
#tab #current a {
	background: #f8f8f8 0 -22px;
}
#tab #current a span {
	background: #f8f8f8 100% -22px;
}
.rbroundbox {
	background: url("theme/roussillon/nt.gif") repeat;
}
.rbtop div {
	background: url("theme/roussillon/tl.gif") no-repeat top left;
}
.rbtop {
	background: url("theme/roussillon/tr.gif") no-repeat top right;
}
.rbbot div {
	background: url("theme/roussillon/bl.gif") no-repeat bottom left;
}
.rbbot {
	background: url("theme/roussillon/br.gif") no-repeat bottom right;
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
}
.rbcontent {
	margin: 0 7px;
	font: 12px Verdana, Bitstream Vera Sans, Sans-serif;
}
.rbroundbox {
	width: 80%;
	margin: 0;
	padding: 0;
}
h1 {
	display: block;
	color: #F90;
	padding-top: 5px;
	padding-bottom: 5px;
	/*text-align: justify;*/
	font: 22px/90% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	display: block;
	color: #6D7983;
	padding-top: 5px;
	padding-bottom: 10px;
		/*text-align: justify;*/
	font: lighter 18px/90% "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.blocNavProduit {
	font-size: 10px;
	display: block;
	color: #630;
	text-align: left;
}
.blocNbProduit {
	font-size: 10px;
	display: block;
	color: #630;
	text-align: left;
}
.blocNavProduit a {
	color: #630;
}
.blocPageSelected {
	font-weight: normal;
	font-size: 10px;
	color: #C90;
}
.ligneProduitz, .ligneProduitSombre {
	padding-left: 10px;
	width: 100%;
}
.ligneProduitSombre {
	background: #FFF;
}
.ligneProduitz {
	background: #FFF;
}
.refProd {
	color: #633;
	font-size: 10px;
	font-weight: normal;
	padding-left: 50px;
}
.nomProd {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.spacer {
	padding: 0;
	margin: 0;
	clear: both;
}
.displayPhoto {
	vertical-align: text-top;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	width: 150px;
	height: auto;
}
.dotted {
	width: 80%;
	display: block;
	height: 1px;
	background: url("theme/roussillon/dot.png") repeat-x bottom;
	border: none;
	margin: 0;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.intotab{
float:left;
width:100%;
background:#EDF7E7;
}
#tabsC {
float:left;
width:100%;
background:#FFF;
font-size:93%;
line-height:normal;
border-bottom : 1px #FF9933 solid; 
}

#tabsC ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsC li {
display:inline;
margin:0;
padding:0;
}
#tabsC a {
float:left;
background:url("tableftC.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsC a span {
float:left;
display:block;
background:url("tabrightC.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
color:#FFF;
}
#tabsC a:hover {
background-position:0% -42px;
}
#tabsC a:hover span {
background-position:100% -42px;
}

#tabsC #current a {
background-position:0% -42px;
}
#tabsC #current a span {
background-position:100% -42px;
}


.contact {
width:500px;           /* limitons la largeur de ces listes */
}
.contact ul {
padding:0;             /* nouvelle valeur par defaut, facultatif */ 
}
.contact ul li span {
float:left;            /* flottant à gauche */
width:50%;             /* la moitié de la largeur disponible */
text-align:right;      /* alignons le texte sur la droite */
margin-right:1em;      /* marge a droite  */ 
}
.contact ul li{
clear:left;            /*assurons le passage a la ligne de chaque liste */
}