body { width: 1024px; background: url("images/background.jpg") repeat-x scroll center top #0087c1; }

#main { background-color: #fafafa; overflow: auto; }

div#contenu { padding: 0 20px; overflow: hidden; margin-bottom: 10px; }

/************* PROSVETA.BE => HEADER Stylesheet **************/
div.bandeau { position: relative; height: 135px; }

#bandeau_fr { background: url("images/Logo-fr.png") no-repeat scroll left top transparent; }

#bandeau_nl { background: url("images/Logo-nl.png") no-repeat scroll left top transparent; }

/* ----------------------ZONE TOP */
div#zonetop { color: white; font-size: 0.9em; font-weight: bold; line-height: 1.2em; padding-top: 10px; text-align: right; width: auto; position: absolute; top: 0; right: 0; }
div#zonetop a { padding: 0 2px; color: white; }

div#zonetop > em { font-style: normal; padding: 0 2px; color: #003366; background-color: white; }

#logo_clickable { position: relative; width: 106px; Height: 105px; top: 20px; left: 10px; z-index: 10; display: block; }

/* ----------------------SEARCH */
div#zonetop > form { display: inline; padding-left: 10px; }

input#prosvetaquery { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 170px; height: 20px; padding-left: 15px; padding-right: -10px; margin: 0px; }

#btnsearch_bandeau { right: 0; position: absolute; top: 13px; }

/* ----------------------SHOPPING */
/* shopping */
div#shopping { height: 40px; margin-left: 978px; position: absolute; top: 135px; width: 30px; }

div#shoppingcontainer { width: 16px; background: url("images/panier.png") no-repeat scroll right top transparent; z-index: 1000; font-weight: bold; padding: 17px 30px 2px 0; text-align: right; vertical-align: middle; height: 20px; font-size: 1.2em; float: right; margin-right: 10px; margin-top: 5px; }

div#shoppingcontainer #productsCount { bottom: 14px; color: #ff5500; display: block; float: right; height: 32px; left: 25px; padding-left: 3px; padding-top: 2px; position: relative; text-align: center; width: 32px; }

/************* PROSVETA.BE => MENU Stylesheet **************/
ul#mainmenu { height: 45px; background: url("images/bg_menu.png") no-repeat scroll left top transparent; width: 1024px; list-style: none outside none; padding: 0; margin: 0; }

#mainmenu li { background: url("images/bg_menu.png") no-repeat scroll left top transparent; display: block; float: left; height: 45px; line-height: 46px; margin: 0; overflow: hidden; padding-left: 2px; padding-right: 2px; }

#mainmenu a { color: white; display: block; font-size: 1.2em; height: 41px; padding-left: 10px; padding-right: 10px; }

#mainmenu li#menu_0 { background-position: 0 0; }

#mainmenu li { background-position: -300px 0; }

#mainmenu li#menu_0:hover { background-position: 0 -45px; }

#mainmenu li:hover { background-position: -300px -45px; }

#mainmenu li#menu_0.active { background-position: 0 -90px; }

#mainmenu li.active { background-position: -300px -90px; }

/************* PROSVETA.BE => BREADCRUMB Stylesheet **************/
div#breadcrumbs { margin: 0.8em 0 0.5em 0; padding: 0.2em 0.2em 0.2em 0.8em; }

div#breadcrumbs ul { list-style: none; display: inline; padding: 0; margin: 0; }

div#breadcrumbs a { padding: 0; }

div#breadcrumbs li { display: inline; color: #ff732f; font-style: italic; }

div#breadcrumbs li:before { content: " > "; color: #ff5500; }

/************* PROSVETA.BE => SIDEBAR Stylesheet **************/
div#sidebarleft { width: 187px; padding: 4px 10px; float: left; }

div#sidebarright { width: 187px; padding: 4px 10px; float: right; }

#sidebarleft #titre, #sidebarright #titre { color: white; text-align: center; padding: 4px; font-weight: bold; font-size: 1.1em; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

#sidebarleft #text, #sidebarright #text { padding: 8px; background-color: white; border-style: solid; border-width: 1px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

/* Zones */
div#ZL2, div#ZL1, div#ZR1, div#ZR2, div#submenu { margin-bottom: 10px; }

div#ZL1 div#titre, div#ZR1 div#titre { background-color: #0068ac; }

div#ZL2 div#titre, div#ZR2 div#titre { background-color: #ff732f; }

div#ZL1 div#text, div#ZR1 div#text { border-color: #0068ac; }

div#ZL2 div#text, div#ZR2 div#text, div#subscribe div#text { border-color: #ff732f; }

div.fond { font-size: 1em; font-weight: bold; line-height: 1em; padding: 5px 5px 5px 5px; background-color: #ffaa7f; }
div.fond a { display: block; }

div#ZL1 div.fond, div#ZR1 div.fond, div#ZL1 div.fond a, div#ZR1 div.fond a { background-color: #e0eaef; }

/************* PROSVETA.BE => SUB MENU Stylesheet **************/
#submenu #titre { background-color: #ff732f; }
#submenu #text { border-color: #ff732f; border-width: 2px; }

/* sous menu */
ul.menu { margin: 0 10px; padding: 0; line-height: 14px; }

ul.menu li { list-style: none; }

/*submenu list */
#submenu ul { list-style: none outside none; padding-left: 4px; margin: 0; }
#submenu ul li { margin-bottom: 10px; }

/************* PROSVETA.BE => FOOTER Stylesheet **************/
#footer { background: url("images/footer.jpg") repeat-x scroll top left #0087c1; clear: both; color: white; font-size: 0.9em; height: 45px; padding: 3px 0px 0px 0px; text-align: center; }
#footer #footer { height: auto; }
#footer p { padding: 0; }
#footer hr { display: none; }
#footer a { color: #80a6ed; }
#footer a:hover { color: white; }