/*#shopgal {
  position: relative;
  width: 500px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  text-align: left;
}
*/

#shopgal {
	float: left;
	width: 500px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#sgNavigation {
  position: relative;
  width: 225px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#sgNavigation a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
}
#sgNavigation a:hover {
  color: #333333;
  text-decoration: underline;
}
.sgNiveau_0 {
  position: relative;
  margin: 0px 0px 0px 0px;
}
.sgNiveau_1 {
  position: relative;
  margin: 0px 0px 0px 10px;
}
.sgNiveau_2 {
  position: relative;
  margin: 0px 0px 0px 20px;
}
.sgNiveau_3 {
  position: relative;
  margin: 0px 0px 0px 30px;
}
.sgNiveau_4 {
  position: relative;
  margin: 0px 0px 0px 40px;
}




.sgContent {
  position: relative;
  width: 600px;
  margin: 0px;
  padding: 0px;
  float: left;
  clear: right;
}
#sgTitreCategorie {
  position: relative;
  width: 100px;
  margin: 0px;
  display: none;
}




.sgArticle {
  position: relative;
  width: 50px;
  margin: 0px 10px 0px 0px;
  float: left;
}
.sgImgDefault {
  position: relative;
  float:right;
  margin: 5px 5px 5px 0px;
}
.sgArticleName {
  display: none;
}
#clearSgArticle {
  position: relative;
  width: 100%;
  clear: both;
}
#sgRetour {
  position: relative;
  width: 100%;
  clear: both;
  display: none;
}



#sgTitrePhoto {
  position: relative;
  margin: 0px;
  display: none;
}
#sgArticlePhoto {
}
#sgArticleDescr {
  position: relative;
  width:50%;
  margin: 0px;
  text-align:justify;
}
#sgArticleMini {
}
.moyennephoto{
  position:relative;
  float:right;
}




.sgTitreCategorie {
  font-size:16px;
  font-weight:bold;
  color:#666666;
  padding-top:10px;
  display:none;
}
#sgTitreArticle{
  font-size:14px;
  font-weight:bold;
  color:#666666;
  padding-top:10px;
  display:none;
}
.sgSousCategories {
  font-size:14px;
  font-weight:bold;
  color:#666666;
  display:none;
}
sgListeItem {
}


.sgListeCategorie{
  font-size:12px;
  font-weight:bold;
  color:#666666;
}
.sgDescription{
  font-size:12px;
  color:#FF6600;
  padding-top:10px;
  padding-bottom:20px;
}
.sgDescriptionArticle{
  font-size:12px;
  text-align:justify;
  color:#FF6600;
  position:relative;
  float:left;
}

.sgRetour{
  text-align:left;
  width:20%;
  display: none;
}

.sgCaddie{
  text-align:left;
  width:20%;
}
.sgCommander{
  text-align:left;
  width:20%;
}

.sgPhotoDetail{
  vertical-align:top;
  position:relative;
  float:left;
}

.sgPhotoMinis {
  margin: 5px 5px 5px 0px;
  clear:right;
  float:right;
  margin-top:20px;
  position:relative;
}
	
.sgListeArticles {
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.sgArticleTable {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}
.sgArticleTr {
  /*border-bottom: #666666 1px solid;*/
  margin: 0px 0px 2px 0px;
}

.sgArticle {
  position: relative;
  width: 100%;
  /*background: #FFFFFF;*/
  margin: 0px 0px 3px 0px;
}
.sgArticleContent {
  position: relative;
  padding: 2px 0px 2px 0px;
}
.sgArticleOver {
  position: relative;
  width: 100%;
  /*background: #CCCCCC;*/
  display: block;
}

.sgArticlePhoto {
  vertical-align:middle;
  display:inline;
  position:relative;
  padding-right:10px;
}
.sgArticleTitre {
  width: 200px;
  text-align: left;
  vertical-align: middle;
  display: none;
}
.sgArticleDescription{
  display: none;
}
.sgArticleAction {
  margin-top:5px;
  color:#CC3300;
  width: 60px;
  text-align: left;
  vertical-align: middle;
}
.sgArticleCoupDeCoeur {
  width: 110px;
  text-align: left;
  vertical-align: middle;
}
.sgArticleCommander {
  width: 100px;
  text-align: left;
  vertical-align: middle;
}

.sgClear {
  position: relative;
  clear: both;
  width: 100%;
  margin: -5px 0px 0px 0px;
  padding: 0px;
  height: 1px;
}


div.titre{
  vertical-align:top;
  width:100%;
}
div.catarticle{
  float:left;
  width:100%;
}
div.action{
  float:right;
  width:100%;
}
div.center{
  width:100%;
}
div.description{
  float:left;	
}
div.moyennephoto{
  float:right;
  margin-right:5px;
  width:200px;
  height:150px;
  vertical-align:top;
}
div.microphoto{
  vertical-align:bottom;
  float:right;
  width:200px;
  margin:5px;
  padding:5px;
  bottom:0px;
}

.mini_detail{
  margin:5px;
}

div.bas{
  vertical-align:bottom;
  width:100%;
}

div.retour{
  vertical-align:bottom;
  width:100%;
}

.niveau_1{
	margin-left:10px;
}
.niveau_2{
	margin-left:20px;
}
.niveau_3,
.level3item{
	margin-left:30px;
}
.niveau_4,
.level4item{
	margin-left:40px;
}
.niveau_5,
.level5item{
	margin-left:50px;
}
.niveau_6,
.level6item{
	margin-left:60px;
}