* {
	font-family: Arial, Helvetica, sans-serif;
}

html, body {
	padding: 0;
	margin: 0;
	border: 0;
}

form {
	padding: 0;
	margin: 0;
	border: 0;
}

#arriereplan{
	position:relative;
	color: #000000;
	background-color: #ffffff;
	overflow: auto;
	height: 100%;
}

#vignettes{
	position: absolute;
	overflow: auto;
	overflow-y: hidden;
	bottom: 0;
	/*padding-bottom: expression("13px");*/
	width: 100%;
	left: 0px;
	text-align: left;

}


.titre {
	text-align: center;
}

#bandeaugauche{
	position: absolute;
	left: 0px;
	top: 21px;
	height: 460px;
	width: 300px;
	background: url(./img/photo2.jpg) top left no-repeat;
	z-index: 1;
	/*border: solid 2px #22ff11;*/
}

#petitmenu{
	position: absolute;
	top: 186px;
	left: 42px;
	vertical-align: top;
	z-index: 2;
	font-size: 13px;
	/*border: solid 2px #00ffff;*/
}
.liens{
	line-height: 18px;
}

.liens a{
	color: #999999;
	text-decoration: none;
	font-size: 13px;
	font-style: italic;
}

#imgmid{
	position: absolute;
	top: 0px;
	left: 150px;
	z-index: 3;
	text-align: center;
	vertical-align: middle;
	width: 680px;
	height: 460px;
	/*border: solid 2px #ff0000;*/
}

#innerimgmid{
	position: absolute;
	bottom: 0px;
	width: 600px;
	top: 5px; left: 40px;
	text-align: center;
	overflow: hidden;
	/*border: solid 2px #ffff00;*/
}

#presentation{
	position: relative;
	top: 0px;
	left: 855px;
	width: 130px;
	color: #999999;
	height: 440px;
	font-style: italic;
	font-size: 12px;
	line-height: 21px;
	vertical-align: middle;
	/*border: solid 2px #0000ff;*/
	z-index: 4;

}



#contact{
	position: absolute;
	bottom: -2px;
	left: 0px;
	color: #666666;
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
	z-index: 900;
}

#menuvignettes{
	position: relative;
	top: 0px;
	left: 825px;
	width: 150px;
	height: 440px;
	text-align: center;
	z-index: 7;
	/*border: solid 2px #00ff00;*/

}

#menuvignettes2{
	position: relative;
	width: 145px;
	text-align: center;
	z-index: 5;
	/*border: solid 2px #ff00ff;*/
	height: 422px;
	overflow: hidden;
}


#categvignettes{
	position: absolute;
	bottom: 0px;
	left: 20px;
	width: 750px;
	text-align: left;
	/*border: solid 2px #666666;*/

}

.cellvign{
	width: 180px;
	vertical-align: bottom;
	text-align: center;
	color: #999999;
	font-size: 12px;

}

#menu_categorie{
	position : relative;
	padding-left: 23px;
	z-index: 3;
	width: 877px;
	width: expression("987px");
	top: 40px;
	/*border: solid 2px #000000;*/
}

.tblcat{
	border: none;
	empty-cells: show;
}

.categories,
.categoriesselected {
	width: 100px;
	height: 20px;
	vertical-align: middle;
	cursor: pointer;
}

.souscategories,
.souscategoriesselected {
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height: 20px;
	cursor: pointer;

}

.categories a,
.souscategories a{
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}

/*
.categories a:hover,
.souscategories a:hover{
	font-weight: bold;
	color: #000000;
}
*/
.categoriesselected a,
.souscategoriesselected a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

.titrecolonne {
	color: #000000;
	font-weight: bold;
	border-bottom: double;
}

.image {
	text-align: center;
	color: #000000;
}

.imgvignette {
	border: solid 1px #000000;
}

.menucategorie {
	border-bottom: solid 1px #000000;
	padding-bottom: 5px;
}

.menusouscategorie {
	padding-top: 20px;
	color: #000000;
	position : absolute;
	left: 0px;
}
.menusouscategorie a{
	color: #ffffff;
}

.menusouscategorie a:hover{
	color: #ffffff;
	text-decoration: none;
}

.tblmenu {
	width: 100%;
	border-bottom: dashed 1px #000000;
	color: #000000;
	padding: 5px;
}

.tblmenu a{
	color: #000000;
	text-decoration: none;
}

.onglet {
	text-align: center;
	background-color: #333333;
}

.ongletselected {
	text-align: center;
	background-color: #999999;
}

.onglet a,
.ongletselected a {
	color : #000000;
	text-decoration: none;
}

.commentaire {
	color: #000000;
}