html, body {
height:100%;
}

body {
background:#fff url(/media/images/interface/bg.png) repeat-x;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
line-height:1.3em;
color:#003a5e;
}

#general {
background:url(/media/images/interface/bg-content.png) repeat-y;
width:950px; 
min-height:100%;
height:auto !important;
height:100%;
margin:auto;
margin-bottom:-128px; 
}

#push {
height:128px;
}

a#proximedia {
float:right;
text-align:right;
margin-right:10px;
font-size:10px;
color:#005f7d;
text-decoration:none;
}

a#proximedia:hover {
color:#00395d;
text-decoration:underline;
}


/******************************************* HEADER  **********************/

#banner {
background:#FFFFFF url(/media/images/interface/banner.png) repeat-x;
width:950px;
height:100px;
}


/******************************************* MENU  ************************/

#menu {
background:url(/media/images/interface/bg-menu.png) repeat-x;
height:39px;
padding-top:8px;
padding-left:2px;
}


/******************************************* MENU  > PRINCIPAL ************/

#menu ul#principal {
width:830px;
float:left;
}

#menu ul#principal li {
display:inline;
}

#menu ul#principal li a {
display:block;
float:left;
height:39px;
margin-right:40px;
}

#b_home.nl a{
background:url(/media/images/interface/btn-home-nl.png)  no-repeat top;
width:66px;
}

#b_financial.nl a{
background:url(/media/images/interface/btn-financial-nl.png) no-repeat top;
width:182px;
}

#b_calendar.nl a{
background:url(/media/images/interface/btn-calendar-nl.png) no-repeat top;
width:92px;
}

#b_reports.nl a{
background:url(/media/images/interface/btn-reports-nl.png) no-repeat top;
width:203px;
}

#b_home.en a{
background:url(/media/images/interface/btn-home-en.png)  no-repeat top;
width:66px;
}

#b_financial.en a{
background:url(/media/images/interface/btn-financial-en.png) no-repeat top;
width:123px;
}

#b_calendar.en a{
background:url(/media/images/interface/btn-calendar-en.png) no-repeat top;
width:92px;
}

#b_reports.en a{
background:url(/media/images/interface/btn-reports-en.png) no-repeat top;
width:203px;
}

#b_home.fr a{
background:url(/media/images/interface/btn-home-fr.png)  no-repeat top;
width:79px;
}

#b_financial.fr a{
background:url(/media/images/interface/btn-financial-fr.png) no-repeat top;
width:123px;
}

#b_calendar.fr a{
background:url(/media/images/interface/btn-calendar-fr.png) no-repeat top;
width:104px;
}

#b_reports.fr a{
background:url(/media/images/interface/btn-reports-fr.png) no-repeat top;
width:203px;
}

#menu ul#principal li a.selected {
background-position:bottom;
}

#menu ul#principal li a span {
display:none;
}


/******************************************* MENU  > LANGUAGE *************/

#menu ul#language {
width:96px;
height:29px;
float:right !important;
float:inherit;
text-align:right;
margin-right:10px;
padding-top:8px;

}

#menu ul#language li {
display:inline;
}

#menu ul#language li a.selected{
background:url(/media/images/interface/selected-lang.png) bottom no-repeat;
padding-bottom:1px !important;
padding-bottom:5px !important!;
vertical-align:bottom;

}


/******************************************* CORPS ************************/

#corps {
width:946px;
margin-top:10px;
padding-left:2px;
padding-right:2px;
}


/******************************************* CORPS > GAUCHE ***************/

html #gauche {
float:left;
width:650px;
height:auto;
min-height:225px;
}

#gauche {
float:left;
width:650px;
height:225px;
}

#gauche h3 {
background:url(/media/images/interface/bg-titre.png) repeat-x;
text-align:left;
padding-left:10px;
color:#ffffff;
height:22px;
margin-bottom:10px;
font-family:helveticaneuegras, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
padding-top:7px;
text-transform:uppercase;
}

#droite h3 {
background:#fff url(/media/images/interface/bg-titre.png) repeat-x;
text-align:left;
padding-left:10px;
color:#ffffff;
height:22px;
margin-bottom:10px;
font-family:helveticaneuegras, Helvetica, sans-serif;
font-weight:bold;
font-size:8px;
padding-top:7px;
text-transform:uppercase;
}

#gauche #heroes{
text-align:right;
}

#gauche #video{
text-align:right;
}

html>body div#gauche .content {
background:url(/media/images/interface/bg-gauche01.png) no-repeat top right;
margin-left:10px;
padding-right:18px;
padding-top:10px;
height:auto;
min-height:250px;
}

#gauche .content{
background:url(/media/images/interface/bg-gauche01.png) no-repeat top right;
margin-left:10px;
padding-right:18px;
padding-top:10px;
height:250px;
}

#gauche .content ul {
margin-left:50px;
}

#gauche .content ul.img {
margin-left:230px;
}

#gauche .content ul li{
list-style-image:url(/media/images/interface/puce01.png);
margin-bottom:3px;
}

#gauche .content2col{
margin-left:10px;
}

html #gauche .content2col .c_gauche {
height:auto;
min-height:225px;
float:left;
width:385px;
background:url(/media/images/interface/bg-gauche01.png) no-repeat top right;
padding-top:10px;
padding-right:15px;
}

#gauche .content2col .c_gauche {
height:225px;
float:left;
width:385px;
background:url(/media/images/interface/bg-gauche01.png) no-repeat top right;
padding-top:10px;
text-align:justify;
padding-right:15px;
}

.news h4 {
background:#ffffff;
border-bottom:1px #226488 dotted;
color:#004b75;
padding-right:50px;
width:185px;
margin:0;
padding:0;
padding-left:3px;
padding-top:5px;
margin-bottom:10px;
font-size:14px;
height:20px;
}

h4 {
background:#ffffff;
border-bottom:1px #226488 dotted;
color:#004b75;
padding-right:50px;
width:99%;
margin:0;
padding:0;
padding-left:3px;
padding-top:5px;
margin-bottom:10px;
font-size:14px;
height:20px;
}



/******************************************* CORPS > DROITE ***************/

#droite {
float:right;
width:296px;
text-align:center;
}


/******************************************* CORPS > DROITE > SS MENU *****/

html #droite #sousmenu {
background:url(/media/images/interface/bg-overview.png) top repeat-x;
min-height:auto;
height:152px;
width:271px;
margin:auto;
margin-bottom:20px;
text-align:center;
}

#droite #sousmenu {
background:url(/media/images/interface/bg-overview.png) top repeat-x;
height:152px;
width:271px;
margin:auto;
margin-bottom:20px;
text-align:center;
}

#droite #sousmenu h3 {
background:url(/media/images/interface/bg-titre.png) repeat-x;
font-family:helveticaneuegras,Helvetica,sans-serif;
font-size:9px;
text-align:left;
padding-left:10px;
color:#ffffff;
height:22px;
}

#droite #sousmenu ul{
width:271px;
margin:auto;
margin-top:10px;
}

#droite #sousmenu ul li {
width:250px;
margin:auto;
margin-bottom:3px;
}

#droite #sousmenu ul li a {
text-decoration:none;
text-align:left;
display:block;
width:225px;
height:19px;
padding-top:3px;
padding-left:25px;
color:#ffffff;
background:url(/media/images/interface/sous-menu.png) repeat-x top;
}

#droite #sousmenu ul li.selected a, #droite #sousmenu ul li a:hover {
background-position:bottom;
}

#droite #sousmenu ul li a img {
margin-right:10px;
}

a{
color:#004584;
}

a:hover{
color:#d52229;
}


/******************************************* CORPS > DROITE > ACTION ******/

html #droite #actionDirect {
background:url(/media/images/interface/bg-overview.png) repeat-x;
height:auto;
min-height:152px;
width:271px;
margin:auto;
margin-bottom:20px;
}

#droite #actionDirect {
background:url(/media/images/interface/bg-overview.png) repeat-x;
height:152px;
width:271px;
margin:auto;
margin-bottom:20px;
}

#droite #actionDirect h3 {
background:none;
margin:0;
margin-bottom:20px;
padding:0;
}

#droite #actionDirect h3 span{
display:none;
}

#droite #actionDirect p{
text-align:left;
margin-left:10px;
margin-right:10px;
}


/************************************* CORPS > DROITE > PUBLICATIONS ******/

html #droite #publications {
background:#fff url(/media/images/interface/bg-overview.png) repeat-x;
height:auto;
min-height:152px;
width:271px;
margin:auto;
margin-bottom:20px;
}

#droite #publications {
background:#fff url(/media/images/interface/bg-overview.png) repeat-x;
height:152px;
width:271px;
margin:auto;
margin-bottom:20px;

}

#droite #publications h3 {
background:none;
margin:0;
margin-bottom:20px;
padding:0;
}

#droite #publications h3 span{
display:none;
}


#droite #publications.en a#toutesPubs {
background:#fff url(/media/images/interface/btn-toutes-publications-en.png) repeat bottom;
width:134px; 
height:16px;
display:block;
float:right;
margin-top:10px;
}

#droite #publications.fr a#toutesPubs {
background:#fff url(/media/images/interface/btn-toutes-publications-fr.png) repeat bottom;
width:134px; 
height:16px;
display:block;
float:right;
margin-top:10px;
}

#droite #publications.nl a#toutesPubs {
background:#fff url(/media/images/interface/btn-toutes-publications-nl.png) repeat bottom;
width:134px; 
height:16px;
display:block;
float:right;
margin-top:10px;
}

#droite #publications a#toutesPubs:hover {
background-position:top;
width:134px; 
height:16px;
display:block;
}

#droite #publications a#toutesPubs span {
display:none;
}


/*********************************** CORPS > DROITE > LIENS RAPIDES ******/

html #droite #liensRapides {
background:transparent url(/media/images/interface/bg-overview.png) repeat-x;
height:auto;
min-height:152px;
width:271px;
margin:auto;
margin-bottom:20px;
text-align:left;
}

#droite #liensRapides {
background:url(/media/images/interface/bg-overview.png) repeat-x;
height:152px;
width:271px;
margin:auto;
margin-bottom:20px;
text-align:left;
}

#droite #liensRapides h3 {
background:none;
margin:0;
margin-bottom:20px;
padding:0;

}

#droite #liensRapides h3 span {
display:none;
}

#droite #liensRapides p { 
margin-left:10px;
margin-right:10px;
text-align:left;
}

#droite #liensRapides ul { 
text-align:left;
margin-left:40px;
margin-top:5px;
}

#droite #liensRapides ul li {
margin-bottom:5px;
list-style-type:disc;
color:#127fa7;
}

#droite #liensRapides ul li a {
text-decoration:none;
color:#127fa7;
}

#droite #liensRapides ul li a:hover {
color:#004b76;
}

/******************************************* FOOTER ***********************/

#footer {
background:url(/media/images/interface/bg-footer.png) repeat-x;
height:128px;
text-align:center;
font-size:10px;
}

#footer .content {
width:950px;
height:78px;
padding-top:50px;
margin:auto;
text-align:right;
color:#ffffff;
background:url(/media/images/interface/bg-footer2.png) no-repeat;
}

#footer .content a, #footer .content span {
color:#ffffff;
margin-right:10px;
margin-left:10px;
text-decoration:none;
}

#footer .content a:hover {
color:#1484ae;
}

hr.spacer {
clear:both;
visibility:hidden;
}


/******************************************* NEWS *************************/
div.news {
float:left;
width:194px;
margin-right:5px;
margin-left:5px;
}

div.news h4 a {
color:#004b75;
text-decoration:none;
}

div.news h4 a:hover, div.news p a {
color:#31afd8;
text-decoration:none;
font-weight:bold;
}

div.news p a:hover {
color:#004b75;
text-decoration:none;

}

div.news p {
text-align:justify;
}

a#rss {
margin-top:10px;
width:63px;
height:23px;
background:#fff url(/media/images/interface/rss.png) no-repeat bottom;
display:block;
float:right;
}

a#rss:hover {
background-position:top;
}

a#rss span {
display:none;
}


/*****tableaux***********/

table.list { 
background:#fff;/* url(/media/images/interface/background_table.png) repeat-x top left; */
width:100%; 
margin:auto; 
border-collapse:collapse; 
margin-top:5px; 
margin-bottom:10px;
border:1px solid #cbd3d4; 
} 

table.list2 { 
background:#fff;/* url(/media/images/interface/background_table.png) repeat-x top left; */
width:49%; 
margin:auto; 
border-collapse:collapse; 
margin-top:5px; 
margin-bottom:10px;
border:1px solid #cbd3d4; 
float:left;
} 

table.list2.se {
margin-right:2%;
}
 
table.list2 th, table.list th { 
background:#fff url(/media/images/interface/background_th.png) repeat-x bottom left; 
font-weight:bold;
height:25px;
border:1px solid #d1cfcf; 
border-bottom:1px solid #b8b8b8; 
text-align:left;
padding-left:10px;
} 

table.list2 th.first, table.list th.first {
border-left:1px solid #c4c3bc; 
} 

table.list2 th.last, table.list th.last { 
border-right:1px solid #c4c3bc; 
} 

table.list2 td, table.list td { 
padding:.1em; 
border:1px solid #cbd3d4;
padding-left:10px;
}

table.list2 .tr1, table.list .tr1 {
background-color:#eee;
}


a.action, a.rssLink {
text-decoration:none;
color:#0846a3;
}

a.rssLink:hover {
background-color:#dff2fb;
}


/*********************************** Analyses ***/

#analyses p {
margin-bottom:5px;
}

#analyses p span {
color:#999;
font-size:9px;
padding-left:3px;
padding-right:3px;
padding-top:2px;
padding-bottom:2px;
}


/************************************** Calendar ***/

.smallCalendar {
margin:0 auto;
}

.smallCalendar th {
padding:5px;
text-align:center;
}

.calendar {
margin:0 auto;
width:40%;
}

.calendar thead tr {
height:25px;
}

.calendar th {
padding:5px;
text-align:center;
font-size:14px;
}

.calendar td {
border:1px solid #ddd;
height:30px;
}

.calendar th form a {
margin-left:10px;
margin-right:10px;
}

.day {
text-align:center;
width:14.2%;
}

.other {
background:#eee;
text-align:center;
width:14.2%;
}

.dayEvent {
font-weight:bold;
}

.tooltip {
background-color:#00A5E6;
color:#FFFFFF;
padding:8px;
}

.nextEvent {
margin-left:20px;
}

#gallery {
margin:0 auto;
text-align:center;
}

.souligne {
margin-bottom:15px;
width:95%;
}

.souligne span {
display:block;
border-bottom:1px solid #c1c1c1;
color:#00A5E6;
font-size:14px;
font-weight:bold;
width:95%;
}

a.back {
background:url(/media/images/interface/btn-back.png) bottom left no-repeat;
float:right;
width:60px;
height:18px;
padding-left:22px;
padding-top:2px;
color:#fff;
text-decoration:none;
margin-top:30px;
}

a.back:hover {
background:url(/media/images/interface/btn-back.png) top left no-repeat;
color:#fff;
}