/*all focus*/
.topicfocus { margin:0px;}
.topicfocus .text-bloc { padding:0px 15px 0px 12px; margin:0px 0px 29px 0px;  }
.topicfocus .text-bloc .paragraph { padding:6px 4px 0px 4px; margin:3px 0px 10px 0px; font-size:10px}
.topicfocus .text-bloc .bloc-header {display:block; margin:6px 0px 10px 0px; font-size:10px}
/*.topicfocus .bullet-link {background:transparent url(../images/focus_bullet.gif) no-repeat 4px 4px}*/
.topicfocus .list-bloc {margin-left:3px;}
.topicfocus .bullet-link {margin:0px; padding:0px 0px 0px 14px; background: url(../images/focus_arrow.gif) no-repeat 2px 7px; font-weight:bold}
.topicfocus .bullet-link A:link,.topicfocus .bullet-link A:visited { color:#0092D8}
.topicfocus .bullet-link A:hover,.topicfocus .bullet-link A:active { color:#FF5932}

/*large focus*/
#full {width:364px; background:transparent url(../images/largefocusbottom.jpg) no-repeat left bottom; margin:6px 10px 10px 12px; float:left}
#full .text-bloc {background:transparent url(../images/largefocustop.jpg) no-repeat left top;}

/*medium focus*/
#medium {width:266px; background:transparent url(../images/mediumfocusbottom.jpg) no-repeat left bottom; margin:6px 10px 10px 12px; float:left}
#medium .text-bloc { background:transparent url(../images/mediumfocustop.jpg) no-repeat left top;}

/*small focus*/
#small {width:173px; background:transparent url(../images/littlefocusbottom.jpg) no-repeat left bottom; margin:6px 10px 10px 12px; float:left}
#small .text-bloc { background:transparent url(../images/littlefocustop.jpg) no-repeat left top;}

/*line break*/
.nofloat {clear:both; height:1px; font-size:0px}

/*bullet arrows*/
#arrowbullet .bullet-list {margin:0px; padding:0px 0px 0px 34px; background: url(../images/bullet_list2.gif) no-repeat  24px 8px !important; color:#374040; font-size:9px; list-style:none; line-height:18px;}

/*categorized links*/
#categorizedlinks {border:4px solid #F3F3F3; display:block; padding:2px 6px 10px 6px; margin:10px 15px 10px 12px;}
#categorizedlinks .title-level2 { margin:6px 0px 5px 0px}

/*--- news ---*/
/*News type 1*/
#newstype1 .title-level1 {color:#374040; background-image:none; padding:5px 0px 5px 0px; font:bold 10px verdana,arial,helvetica,sans serif; }
#newstype1 .title-level2 {color:#374040; background-image:url(../images/newstype1.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:14px;}
#newstype1 .title-level2 .text-style2 {color:#008AAA}
#newstype1 .paragraph A {font:normal 11px verdana,arial,helvetica,sans serif;}
#newstype1 .paragraph A:link,#newstype1 .paragraph A:visited {color:#374040;  text-decoration:none;}
#newstype1 .paragraph A:hover,#newstype1 .paragraph A:active {color:#008AAA; text-decoration:underline;}
#newstype1 .img-left,#newstype1 .img-center,#newstype1 .img-right{ padding:2px;} 

/*News type 2*/
#newstype2 .title-level1 {color:#374040; background-image:none; padding:5px 0px 5px 0px; font:bold 10px verdana,arial,helvetica,sans serif; }
#newstype2 .title-level2 { color:#374040; background-image:url(../images/newstype2.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:14px}
#newstype2 .title-level2 .text-style2 {color:#00A472}
#newstype2 .paragraph A {font:normal 11px verdana,arial,helvetica,sans serif;}
#newstype2 .paragraph A:link,#newstype2 .paragraph A:visited {color:#374040;  text-decoration:none;}
#newstype2 .paragraph A:hover,#newstype2 .paragraph A:active {color:#00A472; text-decoration:underline;}
#newstype2 .img-left,#newstype2 .img-center,#newstype2 .img-right{ padding:2px;} 

/*News type 3*/
#newstype3 .title-level1 {color:#374040; background-image:none; padding:5px 0px 5px 0px; font:bold 10px verdana,arial,helvetica,sans serif; }
#newstype3 .title-level2 { color:#374040; background-image:url(../images/newstype3.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:14px}
#newstype3 .title-level2 .text-style2 {color:#85AE00}
#newstype3 .paragraph A {font:normal 11px verdana,arial,helvetica,sans serif;}
#newstype3 .paragraph A:link,#newstype3 .paragraph A:visited {color:#374040;  text-decoration:none;}
#newstype3 .paragraph A:hover,#newstype3 .paragraph A:active {color:#85AE00; text-decoration:underline;}
#newstype3 .img-left,#newstype3 .img-center,#newstype3 .img-right{ padding:2px;} 

/*News type 4*/
#newstype4 .title-level1 {color:#374040; background-image:none; padding:5px 0px 5px 0px; font:bold 10px verdana,arial,helvetica,sans serif; }
#newstype4 .title-level2 { color:#374040; background-image:url(../images/newstype3.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:14px}
#newstype4 .title-level2 .text-style2 {color:#FF5932}
#newstype4 .paragraph A {font:normal 11px verdana,arial,helvetica,sans serif;}
#newstype4 .paragraph A:link,#newstype4 .paragraph A:visited {color:#374040;  text-decoration:none;}
#newstype4 .paragraph A:hover,#newstype4 .paragraph A:active {color:#FF5932; text-decoration:underline;}
#newstype4 .img-left,#newstype4 .img-center,#newstype4 .img-right{ padding:2px;} 

/*Note*/
#note {border:1px solid #D2D2D2; float:right; padding:0px; background-color:#FbFbFb;}
#note .title-level1 {background:#00B0E2; color:white !important; padding:5px 5px 5px 5px; margin:0px; font:bold 12px verdana,arial, helvetica,sans serif; border-bottom:1px solid #D2D2D2; }
#note .title-level2 { margin:10px 10px 5px 10px}
#note .bloc-header { margin:5px 10px 10px 10px; font-size:11px; color:#374040}
#note .paragraph { margin:5px 10px 10px 10px; }
#note .list-bloc { margin:0px 10px 10px 10px}
/*taille*/
.note-small { width:180px; }
.note-medium { width:266px; }
.note-large { width:364px; }
/*couleurs*/
.note-1 .title-level1 {background-color:#0086E4 !important}/*bleu vif*/
.note-2 .title-level1 {background-color:#FF441C !important}/*vermillon*/
.note-3 .title-level1 {background-color:#279F00 !important}/*vert pomme*/
.note-4 .title-level1 {background-color:#FFB800 !important}/*jaune*/
.note-5 .title-level1 {background-color:#FF7600 !important}/*orange*/
.note-6 .title-level1 {background-color:#FE33A0 !important}/*rose*/
.note-7 .title-level1 {background-color:#01A99F !important}/*turquoise*/
.note-8 .title-level1 {background-color:#797979 !important}/*gris*/

/*Quick access*/
#quickaccess IMG {margin:5px 5px 5px 0px;}
#quickaccess .bullet-link {font:bold 10px Verdana,arial,helvetica,sans serif, border-bottom:1px solid #D8D8D8; padding:4px 0px 4px 2px; background:none !important;}

/*--Quick links--*/
#quicklinks { background:none}
#quicklinks .title {background:url(../images/quicklinkstitle.gif) no-repeat left bottom; padding-left:22px;}
#quicklinks .content-zone {padding:5px 0px 0px 0px }
#quicklinks .list-bloc { }
#quicklinks .bottom {height:10px; background:url(../images/separator.gif) repeat-x left bottom}

#quicklinks .bullet-link {background-position:0px 0px; padding:4px 5px 6px 24px; line-height:12px; }
	#quicklinks .bullet-link A:link,#quicklinks .bullet-link A:visited { color:#00849E; text-decoration:underline}	
	#quicklinks .bullet-link A:hover,#quicklinks .bullet-link A:active { color:#43AF1F; text-decoration:underline}
	
/*quick links icons*/
#quicklinks .icon1 {background-image:url(../images/mandatory/icon1.gif); background-repeat:no-repeat;}
#quicklinks .icon2 {background-image:url(../images/mandatory/icon2.gif); background-repeat:no-repeat;}
#quicklinks .icon3 {background-image:url(../images/mandatory/icon3.gif); background-repeat:no-repeat;}
#quicklinks .icon4 {background-image:url(../images/mandatory/icon4.gif); background-repeat:no-repeat;}
#quicklinks .icon5 {background-image:url(../images/mandatory/icon5.gif); background-repeat:no-repeat;}
#quicklinks .icon6 {background-image:url(../images/mandatory/icon6.gif); background-repeat:no-repeat;}
#quicklinks .icon7 {background-image:url(../images/mandatory/icon7.gif); background-repeat:no-repeat;}
#quicklinks .icon8 {background-image:url(../images/mandatory/icon8.gif); background-repeat:no-repeat;}
#quicklinks .icon9 {background-image:url(../images/mandatory/icon9.gif); background-repeat:no-repeat;}
#quicklinks .icon10 {background-image:url(../images/mandatory/icon10.gif); background-repeat:no-repeat;}
#quicklinks .icon11 {background-image:url(../images/mandatory/icon11.gif); background-repeat:no-repeat;}
#quicklinks .icon12 {background-image:url(../images/mandatory/icon12.gif); background-repeat:no-repeat;}
#quicklinks .icon13 {background-image:url(../images/mandatory/icon13.gif); background-repeat:no-repeat;}
#quicklinks .icon14 {background-image:url(../images/mandatory/icon14.gif); background-repeat:no-repeat;}
#quicklinks .icon15 {background-image:url(../images/mandatory/icon15.gif); background-repeat:no-repeat;}
#quicklinks .icon16 {background-image:url(../images/mandatory/icon16.gif); background-repeat:no-repeat;}
#quicklinks .icon17 {background-image:url(../images/mandatory/icon17.gif); background-repeat:no-repeat;}
#quicklinks .icon18 {background-image:url(../images/mandatory/icon18.gif); background-repeat:no-repeat;}
#quicklinks .icon19 {background-image:url(../images/mandatory/icon19.gif); background-repeat:no-repeat;}
#quicklinks .icon20 {background-image:url(../images/mandatory/icon20.gif); background-repeat:no-repeat;}
#quicklinks .icon21 {background-image:url(../images/mandatory/icon21.gif); background-repeat:no-repeat;}
#quicklinks .icon22 {background-image:url(../images/mandatory/icon22.gif); background-repeat:no-repeat;}
#quicklinks .icon23 {background-image:url(../images/mandatory/icon23.gif); background-repeat:no-repeat;}
#quicklinks .icon24 {background-image:url(../images/mandatory/icon24.gif); background-repeat:no-repeat;}

/*--useroptions--*/
.useroptions {text-align:left; width:197px; padding:10px; font:normal 11px Verdana,Arial,helvetica,sans serif; padding:0px 0px 0px 18px; margin:10px}
.useroptions .paragraph {margin:0px 0px 5px 0px;}
.useroptions .text-style1 {}
.useroptions .text-style3 {width:100px; font-style:normal; font-weight:bold; line-height:20px}
.useroptions INPUT {}
.useroptions .buttons-outer {margin:0px; padding-right:0px}
.useroptions .button {font:bold 10px verdana,Arial,helvetica,sans serif; }
.useroptions .button A:link,.useroptions .button A:visited { font-weight:bold; color:#004A99}
.useroptions .button1-part0 { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left !important; } /* margin = space between buttons  */
.useroptions .button1-part1 { white-space:nowrap;  background: url(../images/buttongridbg.gif) no-repeat top right !important;  }
.useroptions .button1-part0-down { white-space:nowrap; background: url(../images/buttongridbg1.gif) no-repeat top left !important; }
.useroptions .button1-part1-down { white-space:nowrap;  background: url(../images/buttongridbg.gif) no-repeat top right !important; }

/*-- File Center view --*/
.filecenter {}
#ThumbnailView {margin:0px 5px 10px 5px;}
#DetailedView {margin:10px 15px 10px 12px;}
#CardView {margin:10px 15px 10px 12px;}

/*File Center detail*/
.detail { width:100%; height:auto; border:none; margin:0px; padding:5px; text-align:center; display:block; vertical-align:bottom; }
.detail .image-zone { text-align:center; width:160px; padding:4px; }
.detail .text-zone { width:100%; text-align:left; padding-top:3px; }
.detail .text-zone IMG {margin-right:5px;}
.detail .paragraph {color:#000000; margin:3px 0px 6px 0px;}
.detail .text-style2 {color:#898989}
.detail A:link,.detail A:visited {color:#0092BF}
.detail A:hover,.detail A:active {color:#FF6600}

/*File center ThumbnailView*/
#ThumbnailView .detail { width:140px; height:162px; border:1px solid #9EE9FF; padding:5px; margin:5px 4px 5px 4px; text-align:center; background-color:white; display:inline !important; vertical-align:bottom; }
#ThumbnailView .detail .image-zone { text-align:center; padding:0px 0px 4px 0px;}
#ThumbnailView .detail .text-zone { width:100%; text-align:center; padding-top:3px; }
#ThumbnailView .detail .paragraph {margin:0px 0px 0px 0px;}

/*File center CardView */
#CardView .detail {background:url(../images/separator1.jpg) repeat-x left bottom}
#CardView .detail .text-style3 {color:#00758B}

/*File center DetailedView */
#DetailedView .detail .paragraph {margin:0px 0px 0px 0px;}
#DetailedView .detail .text-style3 {color:#00758B}

