/* Start of CMSMS style sheet 'Layout Cogedis' */ /***************** browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on ******************/ * { margin:0; padding:0; } /* Set initial font styles */ body { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; line-height: 1em; } /* set font size for all divs, this overrides some body rules */ div { FONT-SIZE: 11px; } span { FONT-SIZE: 11px; } /* if img is inside "a" it would have borders, we don't want that */ img { border: 0; } /* default link styles */ /* set all links to have underline and bluish color */ a { font-family: Verdana; font-weight:bold; COLOR: #4D4870; text-decoration: none; } a:visited { COLOR: #4D4870; } a:hover { color: red; } /***************** basic layout *****************/ body { background-color: #ffffcc; color: #333; margin:1em; /* gives some air for the pagewrapper */ } /* center wrapper, min max width */ div#pagewrapper { border: 0px solid black; margin: 0 auto; /* this centers wrapper */ width: 1000px; /* IE wont understand these, so we will use javascript magick */ background-color: #fff; color: black; } /*** header *** we will hide text and replace it with a image we need to assign a height for it */ div#header { height: 117px; /* adjust according your image size */ } div#header-contenu{ /* you can set your own image here */ display: block; height: 117px; /* adjust according your image size */ text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */ } div#content { margin: 0.1em auto 0 0; /* some air above and under menu and content */ } div#sidebar { float: left; /* set sidebar on the left side. Change to right to float it right instead. */ width: 168px; /* sidebar width, if you change this please also change #main margins */ background-color: #9999ff; background-repeat: repeat-x; padding-left: 5px; line-height: 1.2em; padding-right: 1px; } div#sidebar a { text-decoration: none; color: #fff; FONT-SIZE: 11px; } div#sidebar a:visited { text-decoration: none; color: #fff; } div#sidebar a:hover { text-decoration: underline; color: #000; background-color: #fff; min-width:177px; } div#main { float: right; width: 820px; display: inline; /* FIX ie doublemargin bug */ } div#footer { clear:both; /* keep footer below content and menu */ color: #fff; width: 1000px; float: center; background-color: #4d4870; /* same bg color as in header */ } div#footer p { font-size: 0.8em; padding: 1.5em; /* some air for footer */ text-align: center; /* centered text */ margin:0; } div#footer p a { color: #fff; /* needed becouse footer link would be same color as background otherwise */ } /* as we hid all hr for accessibility we create new hr with extra div element */ div.hr { height: 1px; margin: 1em; border-bottom: 1px solid black; } /* relational links under content */ div.left49 { float: left; width: 49%; /* 50% for both left and right might lead to rounding error on some browser */ } div.right49 { float: right; width: 49%; text-align: right; } /******************** CONTENT STYLING *********************/ div#content { } /* HEADINGS */ div#content h1 { FONT-SIZE: 14px; MARGIN: 0px; COLOR: #000; font-family: Verdana, Arial, Helvetica, sans-serif; color: #294B5F; font-size: 15px; text-align: left; /* some air around the text */ padding-left: 0.5em; padding-bottom: 0px; /* set borders around header */ border-bottom: 1px solid #C7C7C7; border-top: 1px solid #C7C7C7; border-left: 1px solid #C7C7C7; line-height: 1.5em; /* and some air under the border */ margin: 0 0 0.0em 0; } div#content h2 { FONT-SIZE: 14px; MARGIN: 0px; COLOR: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; } div#content h3 { FONT-SIZE: 14px; MARGIN: 0px; COLOR: #4D4870; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; } div#content h4 { FONT-SIZE: 14px; MARGIN: 0px; COLOR: #8088A0; font-family: Verdana; line-height: 1.5em; } div#content h5 { FONT-SIZE: 14px; MARGIN: 5px 0 0 0; COLOR: #4D4870; font-family: Verdana; line-height: 1.5em; } div#content h6 { FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; font-family: Verdana; font-weight:bold; line-height: 1.5em;} div#news h6 { FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; font-family: Verdana; font-weight:bold; line-height: 1.5em;} /* END HEADINGS */ /* TEXT */ p { FONT-SIZE: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } normal { FONT-SIZE: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } blockquote { border-left: 10px; margin-left: 10px; } pre { font-family: monospace; font-size: 1.0em; } strong, b { /* explicit setting for these */ font-weight: bold; line-height: 1.2em; } em, i { /* explicit setting for these */ font-style:italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { border: 1px solid #000; /* black border for pre blocks */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; /* smaller font size, as these are usually not so important data */ } /* END TEXT */ /* LISTS */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height:1.4em; margin: 0 0 1.5em 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 3em; } div#dl dt { font-weight: bold; margin: 0 0 0.25em 3em; } div#dl dd { margin: 0 0 0 3em; } /* END LISTS */ textarea{ height: 90px; width:400px /* enough width for the search input box */ } label{ width:200px } form{ text-align: left; } form td { width:200px;} /* End of 'Layout Cogedis' */