
/* Controls > NewsList
-------------------------------------------------------------- */

#ControlMenuCategories {
	border-bottom: 1px solid #3d3e3e;
}

	#ControlMenuCategories h1 {
		display: none;
	}

		#ControlMenuCategories a {
			display: block;
			padding: 4px 10px 4px 35px;
			border-top: 1px solid #3d3e3e;
			border-bottom: 1px solid #000; 
			background: url('images/bg_menucategoriea_gray.png') 20px 6px no-repeat #2b2b2b;

			font-size: 10px;	
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;			
		}

		#ControlMenuCategories a:hover {
			border-top: 1px solid #3db6e1;
			background-color: #3db6e1;

			color: #fff;		
		}

#ControlMenuCategories .bigLink {
	background:url('images/bg_menucategoriea_blue.png') 20px 6px no-repeat #2b2b2b;

	color: #3db6e1;
}

#ControlMenuCategories .bigLink:hover {
	border-top: 1px solid #3db6e1;
	background-color: #3db6e1;

	color: #fff;
}

/* Catalog > modele Categorie
-------------------------------------------------------------- */

#modeleCategorie {
}

#modeleCategorie .categorie {
}

	#modeleCategorie .categorie .titre {
	}

	#modeleCategorie .categorie .titre a {
		width: 222px;
		height: 15px;
		float: left;
		padding: 10px 3px;
		margin: 0 0 10px 0;
		border:1px solid #e8e8e6;
		background-color: #fff;

		text-align:center;
		text-decoration:none;
	}


	#modeleCategorie .categorie .titre A:hover{	
		border:1px solid #3db6e1;
		background-color: #3db6e1;

		color: #fff;
	}

#modeleCategorie .separator{
	float:left;
	width:10px;
	height:1px;
}

/* Catalog > breadcrumb
-------------------------------------------------------------- */

.breadcrumb {
	padding: 5px 10px;
	margin: 0 0 10px 0;
	background:url('images/bg_breadcrumb.gif') 0 0 repeat-x;
}

/* Catalog > modele List
-------------------------------------------------------------- */

#modeleList{
}

	#modeleList .modele {
		width: 222px;
		float: left;
		padding: 3px;
		margin: 0 0 10px 0;
		border: 1px solid #e8e8e6;
		background-color: #fff;

		text-decoration: none;
	}
		
		#modeleList .modele:hover {
			border:1px solid #3db6e1; 
		}

		#modeleList .modele .dimension {
			padding: 3px;

			text-decoration: none;
			font-size: 10px;
		}

		#modeleList .modele .photo {
			text-align: center;
		}

			#modeleList .modele .photo img {
				width: 222px;
			}

		#modeleList .modele .designer {
			height: 16px;
			padding: 3px 0 3px 22px;

			border-top: 1px solid #e8e8e6;

			background: url("images/ico-designer.gif") 1px 3px no-repeat #fafafa;
		}

			/*#modeleList .modele .designer a {
				color: #63615f;
				text-decoration: none;
			}

			#modeleList .modele .designer a:hover {
				color: #3db6e1;
			}*/

		#modeleList .modele .priceContainer {
			text-decoration: none;
			padding: 2px;
			margin: 0 0 5px 0;
			border-top: 1px solid #e8e8e6;
			border-bottom: 1px solid #e8e8e6;
			background-color: #fafafa;

			font-size: 10px;
			text-align: right;
		}

			#modeleList .modele .priceContainer b {
				/*padding: 0 5px 0 0;*/

				font-size: 16px;
				color: #3db6e1;
				font-weight: bold;
			}

		#modeleList .modele .button {
			padding: 4px 0 4px 25px;
			background: url("images/puce.gif") 0 3px no-repeat;
		}

			#modeleList .modele .button a {
				display: block;
				cursor: pointer;

				font-size: 16px;
				color: #3db6e1;
				text-decoration: none;
				font-weight: bold;
			}

#modeleList .separator {
	width: 10px;
	height: 1px;
	float: left;
}

/* Catalog > create card modele
-------------------------------------------------------------- */

#create_cardModele {
}

	#create_cardModele h1 {
	}

	#create_cardModele hr {
		margin: 0 0 10px 0;
	}

	#create_cardModele .photo {
		width: 469px;
		height: 300px;
		margin: 0 0 10px 2px;
		border: 1px solid #dfdfdf;

		text-align: center;
	}

	#create_cardModele .infoContainer {
		height: 15px;
		float: right;

		position: relative;
		top: -28px;
		margin-bottom: -28px;
	}

		#create_cardModele .infoContainer .dimension {
			float: left;
		}

		#create_cardModele .infoContainer .designer {
			float: left;
		}

		#create_cardModele .infoContainer .priceContainer {
			float: left;
		}

		#create_cardModele .infoContainer .separator {
			width: 1px;
			height: 15px;
			float: left;
			margin: 0 20px;

			background-color: #dfdfdf;
		}

#create_cardModele_orderBtn {
	width: 100px;
	margin: 0 auto;
	text-align: center;
	float: right;

	margin-right: 7px;
}