html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
div, table, tr, td, img { margin: 0; padding: 0; border: 0px solid white; }
a { text-decoration: none; }

#menu { position: absolute; z-index: 50; width: 64px; height: 114px; display: none;}

#topleft, .back_blue { background: #61BFFF url('../img/blue_dot.gif'); }
#topright, .back_pink { background: #FFA5B4 url('../img/pink_dot.gif'); }
#botleft, .back_green { background: #CAF200 url('../img/green_dot.gif'); }
#botright, .back_orange { background: #FF9D00 url('../img/orange_dot.gif'); }
#topleft, #topright, #botleft, #botright { visibility: visible;}

#dblue, .blue { color: #61BFFF; }
#dpink, .pink { color: #FFA5B4; }
#dgreen, .green { color: #BAE200; }
#dorange, .orange { color: #FF9D00; }
#dblue, #dpink, #dgreen, #dorange { position: relative; width: 90px; text-align: center; display: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; left: -13px; }

#aList { position: absolute; z-index: 100; border: 1px solid #000; padding: 8px; display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } /* Tooltips version */
/* #aList { position: relative; height: 100px; border: 1px dotted #666; padding: 8px; overflow: auto; } */

.thePage { position: relative; width: 100%; height: 100%; }
.theRub { position: relative; width: 50%; height: 50%; }
.theRow { position: relative; width: 50%; vertical-align: top; }
.theColumn { position: relative; width: 50%; height: 95%; vertical-align: top; }
.rubCenter { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: white; text-align: center; }
.rubLeft { text-align: left; vertical-align: top; padding: 8px 0px 0px 12px;}
.rubLeftcorner_blue { position: relative; width: 25px; background: transparent url('../img/blue_BL_corner.gif') no-repeat bottom left;}
.rubRightcorner_blue { position: relative; width: 25px; background: transparent url('../img/blue_TR_corner.gif') no-repeat top right;}
/*
.rubLeftcorner_pink { position: relative; width: 25px; background: transparent url('../img/pink_TL_corner.gif') no-repeat top left;}
.rubRightcorner_pink { position: relative; width: 25px; background: transparent url('../img/pink_BR_corner.gif') no-repeat bottom right;}
*/
.rubLeftcorner_pink { position: relative; width: 25px; background: transparent url('../img/pink_BL_corner.gif') no-repeat bottom left;}
.rubRightcorner_pink { position: relative; width: 25px; background: transparent url('../img/pink_TR_corner.gif') no-repeat top right;}
/*
.rubLeftcorner_green { position: relative; width: 25px; background: transparent url('../img/green_TL_corner.gif') no-repeat top left;}
.rubRightcorner_green { position: relative; width: 25px; background: transparent url('../img/green_BR_corner.gif') no-repeat bottom right;}
*/
.rubLeftcorner_green { position: relative; width: 25px; background: transparent url('../img/green_BL_corner.gif') no-repeat bottom left;}
.rubRightcorner_green { position: relative; width: 25px; background: transparent url('../img/green_TR_corner.gif') no-repeat top right;}

.rubLeftcorner_orange { position: relative; width: 25px; background: transparent url('../img/orange_BL_corner.gif') no-repeat bottom left;}
.rubRightcorner_orange { position: relative; width: 25px; background: transparent url('../img/orange_TR_corner.gif') no-repeat top right;}

.article img { margin: 5px 0px 5px 0px; }
.article { font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; padding: 10px 40px; color: #333; }
.articleDate { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; font-weight: bold; margin-top: 3px;} 
.articleTitre { font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 16px; } 
.articleTitre2 { font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 12px;} 
.articleSousTitre { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin-top: 5px;} 
.articleTexte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
.articlePDF { margin: 5px 0px 0px 0px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} 
 .articlePDF:link { font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
 .articlePDF:visited { font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
 .articlePDF:hover { font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.articleInfos { font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
.rubTitre { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: white; }
.rubPresent { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; }
.rubMenu { vertical-align: top; padding: 10px 40px; }
 .rubMenuLink:link { font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
 .rubMenuLink:visited { font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
 .rubMenuLink:hover { font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
 .rubMenuLinkLabel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin-bottom: 10px;}
.rubMenuSelected { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}

.footerInfo { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: center; font-size: 12px; }
.footerInfo a { color: #666; text-decoration: underline; }
.footerInfo a:hover{ color: #999; }