/***********************************************/
/******** SHERPA : CMS  *************/
/***********************************************/

/*	ALBUM PHOTO*/
#album { margin-bottom: 14px; border: 1px solid #CCC; background: #FFF; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
}
#album h3 {
	padding: 0.4em 0.4em 0.4em 1em; margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}
#album h3 img { vertical-align: middle; margin-right: 0.4em; }
#album h3 span { background: url(../images/bgAlbum_R.gif) no-repeat right top; padding: 0.1em 1em; display: block; }

#datacontainer {
	padding: 4px 0 1em 0; overflow: hidden;
}
	
#album ul {
	padding: 0px 0px;
	margin: 0px 1em 0px 1em; overflow: hidden;
	}
#album li {
	width: 88px; float:left; height: 86px; padding: 0px; margin: 0px 10px 8px 0px; list-style-type: none;
		}
#album div.botAlbum {
	clear: both;
	height: 2px;
	font-size: 1%; line-height: 0; 
}
#album a {
	display: block; height: 86px; height: 100%;
	border: 1px solid #C5C5C5; text-align: center; position: relative; padding-top: 1px;
}
#album a:hover {
	border: 1px solid #FFF;
   }
#album img {}
/*********************	NEW CMS	*************************/
.cms, .tiny { line-height: 1.3em; text-align: justify; }
table.cms {
	margin-bottom: 1.6em
}
.imgToLeft ul, .imgToLeft ol { margin-left: 1em; }
.imgToLeft li { position: relative; left: 1.5em; margin-right: 1.5em;  }

table.cms td { padding: 0px}
div.cms { margin-bottom: 1.6em}
table.cms td.padLeft { padding-left: 1em;}
.cms h2, .tiny h2 { font-size: 1.1em; line-height: 120%; margin-bottom: 0.2em; padding: 0.5em 0 0.1em 0; font-weight: bold; text-align: left; /*padding-left: 22px; background: url(../images/puce-cms-h2.png) no-repeat*/ }
.cms h3, .tiny h3 { font-size: 1em; line-height: 120%; margin-bottom: 0.2em; text-align: left;}
.cms h4, .tiny h4 { font-size: 1em; font-weight: bold; line-height: 120%; text-align: left; }
.cms h5, .tiny h5 { font-size: 1em; font-weight: bold; text-align: left; }
.cms h6, .tiny h6 { font-size: 1em; font-weight: bold; text-align: left; }
.cms p, .tiny p{ margin-bottom: 1em; line-height: 1.3em;}
.cms a, .tiny a { text-decoration: underline; font-weight: bold;}
.preview { width: 100%; margin-bottom: 1em; }
.preview td { text-align: center; }
.preview img {}