html, body { font-size: 10px; line-height: 14px; margin: 0px; padding: 0px; font-family: "Verdana", Tahoma, Arial; background:transparent url(images/vertical.png) repeat-y; background-color: #f7f7f7;}
* { border: 0px; padding: 0px; margin: 0px;}
ul,ol,li { list-style-type:none;}
.eof, .clear { clear: both; font-size: 1%; line-height: 1%;}
h1 { font-size: 20px; padding: 40px;color: #ff9900;}
h1 a { color: #ff9900;}
h2 { font-size: 14px; font-weight: bold; padding-bottom: 7px; }
h3 { font-size: 13px; font-weight: bold; text-indent: 10px;}
h4 { font-size: 13px; font-weight: bold; }
a { text-decoration: none; color: Black;}
input { height: 15px; border: 0px solid;}
xmp { position: fixed; top: 150px; left: 1050px; background-color: #fff; border: solid 1px red; padding: 5px;}
.left { float: left;}
.right { float: right;}
.aLeft { text-align: left;}
.aRight { text-align: right;}
.back { font-size: 11px; font-weight: bold; padding: 15px;}
.submit { font-size: 13px; height: 20px; padding: 2px; margin-top: 4px; margin-bottom: 4px; border: 0px;}
.pager a { font-size: 10px; color: Black; padding-left: 5px; padding-right: 5px;}
.pager { font-size: 10px; font-weight: bold; text-align: center; padding-bottom: 10px; padding-top: 10px;}
.admin { font-weight: bold; color: #f33;}
.white { background-color: #efefef;}
.orange { color: #FF9900;}
.rowEven { background-color: #ffffcc;}
.rowOdd { background-color: #ffffff;}
.bold { font-weight: bold;}
.fullwidth { width: 100% !important; }
.resolution { border: solid 1px red; position: absolute; top: 0px; width: 1230px; height: 1000px;}
/* ALEMBIQ */
#horizontalStripe { width: 100%; background-image: url(images/horizontal.png);}
#horizontalStripe div { height: 100px;}
#horizontalStripe1 { width: 50px; float: left; border-right: 1px solid #efefef;}
#horizontalStripe2 { width: 200px; float: left; background-color: #FFCC66; border-right: 1px solid #efefef; text-align: center;}
#horizontalStripe3 { width: 800px; float: left; background-color: #006600 ; border-right: 3px solid #efefef;}
#main { width: 100%; background: url(images/shadow-h.png)0 0 repeat-x;}
#emptyLeftFrame { width: 51px; float: left; height: 200px;}
#menuFrame { width: 200px; float: left;}
#menu { border-top: 1px solid #efefef; background-color: #FF9900; min-height: 200px; _height: 200px; text-indent: 10px; padding: 10px; border-bottom: 3px solid #efefef;}
#menu a { font-size: 14px; font-weight: bold; width: 100%; color: #030; display: block; padding: 2px 0px 2px 0px;}
#menu a:hover { background-color: #000; color: #ffcc66; }
#menu .active { background-color: #FFCC66 ; color: #000;}
#underMenu { min-height: 150px; _height: 150px;}
#underMenu div, #underMenu a
{ font-weight: bold; padding-top: 10px; padding-bottom: 10px; color: #003; text-align: center;}
#dataFrame { width: 777px; float: left; background: url(images/shadow.png)0 0 no-repeat; padding: 15px; }
/* LOGIN */
#login { float: left;}
#login fieldset { width: 120px; border: 0px; padding: 5px; margin: 0px;}
#login span { float: left;}
#login input { font-size: 9px; float: right; background: #006600 ;}
#login .loginInput { font-size: 9px; width: 100px;}
/* ENHANCED EDITOR */
#imageinsert { display: none;}
#editarea, #imageinsert fieldset { width: 770px; background-color: #efefef; }
#editarea input { width: 100%;}
#editarea fieldset { width: 32%; font-size: 8px; float: left; padding: 5px;}
#editarea fieldset textarea { width: 100%; height: 70px; font-size: inherit;}
#editarea fieldset input { width: 100%; font-size: inherit;}
#editarea legend { font-weight: bold;}
#editarea .fullwidth input, #editarea .fullwidth select {width: 80% !important; float: right; margin-right: 20px; font-size: 13px;}
#editarea .fullwidth label { float: left; font-size: 13px}
#editarea .fieldsetsmall { width: 15%; font-size: 15%; padding: 5px; }
#editarea .fieldsetsmall span { font-size: inherit;}
#editarea .fieldsetsmall textarea { width: 100%; font-size: inherit;}
#editarea .fieldsetsmall input { width: 100%; font-size: inherit;}
#editarea .fieldsetbig { width: 65%; font-size: 13px; background-color: #efefef; padding: 5px;}
#editarea .fieldsetbig span { font-size: inherit;}
#editarea .fieldsetbig textarea { width: 100%; height: 180px; font-size: inherit;}
#editarea .fieldsetbig input { width: 100%;font-size: inherit;}
#imageinsert img { height: 15px; width: 20px; margin: 4px; }
#imageinsert select { width: 750px ;margin: 5px;}
/* NEWS */
.newsText { font-size: 13px; text-align: justify; padding-top: 6px; padding-bottom: 8px;}
.newsText .img img { text-align: center; padding: 5px;}
.news * { margin-bottom: 5px;}
.news input, .news textarea { width: 650px; float: right; background-color: #efefef; }
.news textarea { height: 200px;}
/* guestbook */
#guestbookform .title { width: 60%; }
#guestbookform .label { width: 120px; float: left;}
#guestbookform input, #guestbookform textarea
{ border: 1px solid #333; margin-bottom: 3px; background-color: #efefef;}
#guestbookform textarea { width: 100%; height: 55px; margin-top: 3px;}
/* settings */
.setting { background-color: #eeeeee; margin-bottom: 3px; padding: 10px;}
.setting label { font-weight: bold; float: left; margin: 3px;}
.setting input { width: 600px; float: right; border: 1px solid black;}
.setting .submit { width: 200px;}
/* mixed */
.news, .guestbook, .book, .frame, #statistics, .galleryList, #guestbookform
{ font-size: 11px; background-color: #efefef; margin-bottom: 3px; padding: 10px;}
.newsAnnotation, .guestbookText
{ font-size: 11px; text-align: justify; margin-top: 6px; margin-bottom: 8px;}
.news a, .newsAnnotation a, .guestbook a
{ text-decoration: underline;}
.news span, .guestbook span, .setting span
{ font-size: 9px;}
.links label, .guestbook label, #title label
{ font-weight: bold; display: block;}
.links input, .guestbook input, #title input
{ float: right;}
.links .title
{ width: 650px; float: right; border: 1px solid black;}
.links textarea, #texy
{ width: 640px; height: 200px; float: right; border: 1px solid black;}
#contact { text-align: justify; font-size: larger;}
/* title */
#title span { font-size: 9px; float: left;}
#title label input { width: 600px; border: 1px solid #efefef;}
#title h3 { margin-top: 3px;}
#language input { border: 0px; width: 20px; float:none;}
/* links */
.links select{ width: 650px; border: 1px solid black; float: right;}
.linkarea , .links { margin-bottom: 3px; background-color: #efefef ; padding: 5px;}
.linkarea .description { padding-bottom: 5px; text-indent: 10px;}
.linkarea li{ margin-left: 10px;}
.linkarea a { font-weight: bold; text-decoration: none;}
/* statistics */
#statistics { width: 780px;}
#statistics thead, #statistics thead a
{ font-size: 12px; font-weight: bold;}
/* cv */
.cvTab { width: 150px;}
.cvSection { font-weight: bold; font-size: 13px; margin-top: 8px; width: 100%; background-color: #ffffcc;}
.cvHeader{ font-size: 12px; margin-top: 4px; margin-bottom: 4px;}
.cvTitle{ font-style: italic;}
#cv li { list-style-type: square; margin-left: 20px;}
/* gallery */
.galleryList { width: 780px; text-align: center; margin-bottom: 5px;}
.galleryList input { width: 180px; background-color: inherit; border: 1px solid black;}
.galleryList textarea { width: 360px; height: 150px; background-color: inherit; border: 1px solid black;}
.galleryList thead { text-align: left; font-weight: bold; }
#galleryAdmin { width: 250px !important; font-size: 12px !important; }
#galleryAdmin input { width: 80px !important; float: right; text-align:center;}