/*
 * css by ezoulou, 20091110 :-) 
 */ /* 
 * basic content styles 
 *  */
body {
	background: white; 
	color: black; 
	font-family : 'Trebuchet MS', sans-serif;
	font-size: 80%;
}

a {
	color: #009cc3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}


h1 {
	font-size: 180%;
	font-variant:small-caps;
	font-weight: normal;
	letter-spacing: -0.05em;
	lin-height:100%;
	margin-bottom: 0;
}
h1:first-letter {
	font-size:140%;
	letter-spacing:0.1em;
	text-shadow:1px 1px 1px #A9A9A9;
}
#content h1 .image.wrapper em {
	letter-spacing:0;
	font-variant:none;
}

h2 {
	clear:both;
	color: #535d6c;
	font-weight: normal;
	letter-spacing: -1px;
	margin:1em 0 0.4em 0;
}

ul {
	padding-left: 16px;
}

ol {
	padding-left: 20px;
}

ul {
	list-style: square;
}

p,
li {
	line-height: 140%;
}

li {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

textarea,input {
	color: #535d6c;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 120%;
}

.hidden {
	display: none;
}

.spacer {
	clear: both;
}

/*
 * content stuff
 */
a .popUpMarker {
	background: transparent url(../images/popUpMarker-yellow.png) no-repeat
		50% 50%;
	padding: 15px;
}

a.pdf,#wrapper #content a.pdf {
	background: transparent url(../images/logoPDF.png) no-repeat 0 0;
	color: #535d6c;
	display: inline-block;
	font-size: 130%;
	font-weight: bold;
	margin-top: 1.5em;
	padding: 27px 0 7px 55px;
}

a.pdf .popUpMarker {
	display: none;
}

.image.left {
	float: left;
	margin: 0 1em 1em 0;
}

.image.right {
	float: right;
	margin: 0 0 1em 1em;
}

.image.middle {
	display: block;
	text-align: center;
	width: 100%;
}

.image.bottom {
	bottom: -0.5em;
	position: relative;
}

/* legend, only for floating iamges, not for inline */
.image em {
	display: none;
}

.image.left em,.image.right em {
	background-color: #535d6c;
	color: white;
	display: block;
	padding: 1px 5px;
}

fieldset.column,div.column {
	float: left;
	margin-right: 6%;
	position: relative;
	width: 47%;
}

div.column.third {
	width: 28%;
}

div.column.last {
	margin-right: 0;
}

fieldset.column:after,div.column:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* subpages list */
body.subpages-list #content h2 {
	clear: both;
}

div.subpages-list .image {
	position: relative;
	z-index: 60;
}

body.subpages-list #content p.selected,div.subpages-list .selected {
	color: black;
}

/* simple */
div.subpages-list ul {
	margin: 0;
	padding: 0;
}

div.subpages-list li {
	float: left;
	font-size: 130%;
	list-style: none;
	margin: 0 5% 0 0;
	position: relative;
}

div.subpages-list li .image {
	display: block;
	min-height: 90px;
}

div.subpages-list li .image em {
	background-color: transparent;
	color: #535D6C;
	display: block;
	font-size: 70%;
	text-align: center;
}

/* with desc */
div.subpages-list .item {
	position: relative;
}

div.subpages-list .item:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div.subpages-list .item.current {
	display:none;
}

div.subpages-list .item p {
	font-size: 12 0%;
}

div.subpages-list .item .image {
	float: left;
	margin-right: 1em;
}

div.subpages-list .item .image em {
	display: none;
}

/* thumbnails5 */
p.thumbnails5, div.thumbnails5 {
	min-height:150px;
}


/* kind of subpage list : columns5 */
.columns5 .column {
	margin-right:0;
	width:18%;
}

/* hat, chapeau */
fieldset.hat,div.hat {
	font-size: 130%;
	font-variant:small-caps;
	letter-spacing: -1px;
	line-height: 110%;
}
fieldset.hat:after,div.hat:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

div.hat .image em {
	font-size:80%;
}

/* cycle */

div.cycle .image {
	background-position:50% 50%;
	background-repeat:no-repeat;	
}


/* 
 * admin sytles
 */ /* widgets */
fieldset {
	border: #ccc 2px dashed;
	margin-top:0.3em;
	padding:0 0.5em 0.5em 0.5em;
}
fieldset:before {
	color:#ccc;
	font-style:italic;
}

fieldset.column {
/*	border-color: orange;*/
		width: 41%;
}
fieldset.column:last-child {
	margin-right:0;
}

fieldset.column:before {
	content: "column";
}

fieldset.form {
	border-color: red;
}

fieldset.form:before {
	content: "form";
	color: red;
}

fieldset.formStep {
	border-color: #ffa500;
}

fieldset.formStep:before {
	content: "formStep";
	color: #ffa500;
}
fieldset.formItem {
	border-style: solid;
}

fieldset.formItem:before {
	content: "formItem";
}

fieldset.subpages-list {
	border-style: solid;
}

fieldset.subpages-list:before {
	content: "subpages-list";
}

fieldset.hat {
	border-width: 4px;
}

fieldset.hat:before {
	color:#aaa;
	content: "chapeau";
}
fieldset.columns5:before {
	content: "columns5";
}
fieldset.slider:before {
	content: "slider";
}
fieldset.sitemap:before {
	content: "sitemap";
}
fieldset.cycle:before {
	content: "cycle";
}