body { font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #030034 url(/weimages/templateBU/images/bg2.png) repeat-x center top }
html, body { height: 100% }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #1F2240; margin: 10px 0 }
h1 { font-size: 2em }
h2 { font-size: 1.8em }
h3 { font-size: 1.6em }
h4 { font-size: 1.4em }
h5 { font-size: 1.2em }
h6 { font-size: 1em }
p, ul, ol { margin-top: 0 }
ul, ol { }
a { text-decoration: underline; color: #1F2240}
a:hover { color: #1F2240 }
img { border: 0 }
.hdr { margin-top: 0; margin-bottom: 15px; padding-top: 0 }

#wrapper { position: relative; width: 1000px; min-height: 600px; margin: 0 auto; background: #E2E2E2 }

/* Header */
#header { width: 998px; height: 130px; margin: 0 auto; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 0; border-left: 1px solid #ffffff }
/* Logo */
#logo { float: left; width: 189px; height: 130px; color: #000000; margin: 0; padding: 0; background: #2C2950 }
#logo h1 { float: left;	margin: 0; padding: 0 }
#logo a { border: none; background: none; text-decoration: none; color: #000000 }
#hdrgal { width: 809px; height: 130px; float: right; overflow: hidden }
#left   { width: 300px; height: 130px; float: left }
#right  { width: 400px; height: 130px; float: right }

/* Menu top */
#menu {	width: 998px; height: 42px; background: #737377; margin: 0 auto; padding: 0; border: 1px solid #ffffff }
#menu ul { margin: 0; padding: 4px 0 0 5px; list-style: none; line-height: normal }
#menu li { float: left }
#menu a { display: block; margin-right: 2px; padding: 8px 5px 8px 5px; text-decoration: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; border: none }
#menu a:hover, #menu .current_page_item a { }
#menu a:hover {	background: #281c81; text-decoration: none }
#menu .first { margin-right: 3px; background: #737377 }
#menu .active {	background: #281c81; text-decoration: none }

/* Page */
#page {	float: left; position: relative; width: 1000px; height: auto; margin: 0; padding: 0 }

/* Content */
#content { float: right; display: inline; width: 780px; min-height: 640px; height: auto !important; height: 640px; padding: 5px 18px 0 10px; z-index: 1 }

#links { float: left; display: inline; height: auto; width: 190px; padding: 0; margin: 0 }

/* Menu left */
#sidebar { float: left; width: 178px; min-height: 440px; height: auto !important; height: 440px; padding: 5px 5px 5px 4px; margin-left: 1px; background-color: #abacb1; border: 1px solid #1F2240  }
#sidebar ul { margin: 0; padding: 0; list-style: none }
#sidebar li { margin: 0; padding: 0 }
#sidebar li ul { padding-bottom: 30px }
#sidebar li li { border-bottom: 1px dashed #BCBCBC }
#sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; color: #BCBCBC }
#sidebar h2 { letter-spacing: -.5px; color: #444444 }
#sidebar p { padding-bottom: 20px; text-align: justify }

/* Adresse */
#calendar { float: left; width: 178px; min-height: 100px; padding: 5px 5px 5px 4px; margin: 5px 0 5px 1px; font-size: 10px; background-color: #cccccc; border: 1px solid #1F2240 }
#calendar h2 { font-size: 12px }
#calendar a  { color: #000000; border: none }
#calendar a:hover { text-decoration: underline; color: #787878 }

/* ICad */
#ICad { float: left; width: 178px; min-height: 20px; padding: 5px 5px 0 4px; margin: 5px 0 0 1px; background-color: #abacb1; border: 1px solid #030034 }
#ICad a { font-size: 14px; color: #1F2240; padding: 6px 0 6px 35px; font-weight: bold; text-decoration: none; display: block }
#ICad a:hover { text-decoration: underline; color: #48484A }

/* langmenu */
#langmenu { float: left; width: 178px; min-height: 12px; padding: 5px 5px 5px 4px; margin: 5px 0 5px 1px; font-size: 10px; background-color: #cccccc; border: 1px solid #1F2240 }
#langmenu a { color: #ffffff; text-decoration: none; margin: 9px; padding: 2px 5px; background-color: #030034; border: 1px solid black }
#langmenu a:hover { color: #ffffff; text-decoration: none; margin: 9px; padding: 2px 5px; background-color: #737377; border: 1px solid black }
#langmenu .active { color: #ffffff; text-decoration: none; margin: 9px; padding: 2px 5px; background-color: #737377; border: 1px solid black }

/* Footer */
#footer { width: 998px; height: 20px; margin: 0 auto; padding: 10px 0 10px 0; background: #48484A; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #ffffff }
#footer p { margin: 0; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center }
#footer a { color: #FFFFFF; border-bottom: 1px #FFFFFF dotted }

/* Menu left css */
#m2 { position: relative; width: 178px; max-height: 200px; height: auto !important; height: 100px; margin: 0 auto; overflow: auto }
.menu1 a:link,.menu1 a:visited { color: #ffffff; text-decoration: none; display: block; margin: 1px; padding: 2px; border: 1px solid black; background-color: #F36523 }
.menu1 a:hover  { color: #ffffff; text-decoration: none; display: block; margin: 1px; padding: 2px; border: 1px solid black; background-color: #737377 }
.menu1s a:link,.menu1s a:visited,.menu1s a:hover { color: #ffffff; text-decoration: none; display: block; margin: 1px; padding: 2px; border: 1px solid black; background-color: #737377 }
.menu2 a:link,.menu2 a:visited { color: #030034; font-size: 10px; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; display: block; margin: 2px 5px 2px 5px; padding: 2px }
.menu2 a:hover { color: #030034; font-size: 10px; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; background-color: #eeeeee; display: block; margin: 2px 5px 2px 5px; padding: 2px }
.menu2s a:link,.menu2s a:visited,.menu2s a:hover { color: #030034; font-size: 10px; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; background-color: #eeeeee; display: block; margin: 2px 5px 2px 5px; padding: 2px }
.menu3 a:link,.menu3 a:visited { color: #030034; font-size: 10px; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; display: block; margin: 2px 5px 2px 5px; padding: 1px }
.menu3 a:hover { color: #030034; font-size: 10px; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; background-color: #eeeeee; display: block; margin: 2px 5px 2px 5px; padding: 1px }
.menu3s a:link,.menu3s a:visited,.menu3s a:hover { color: #030034; font-size: 10px; font-family: Tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; background-color: #eeeeee; display: block; margin: 2px 5px 2px 5px; padding: 1px }

.prod a:link,.prod a:visited { background-color: #281C81 }
.navi a:link,.navi a:visited { background-color: #F36523 }
.navi a:hover,.prod a:hover  { background-color: #737377 }

/* top menu */
div.sc_menu { position: relative; height: 44px; width: 980px; overflow: auto }
ul.sc_menu { display: block; height: 44px; width: 2000px; padding: 0; margin: 0; list-style: none }
.sc_menu li { display: block; float: left; padding: 0 }
.sc_menu a { display: block; text-decoration: none }
.sc_menu span { display: none; margin-top: 0; text-align: center }
.sc_menu a:hover span { display: block }
.sc_menu img { border: 3px #fff solid; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sc_menu a:hover img { filter:alpha(opacity=50); opacity: 0.5 }
/* Here are styles for the back button, don't look at them */
#back { display: block; width: 500px; text-align: center; color: #003469; font-size: 16px }

a.media   { display: block }
div.media { font-size: small; margin: 25px; margin: auto;z-index:1 }
div.media div { font-style: italic; color: #888 }