/*all focus*/
.topicfocus { margin-left:3px}
.topicfocus .text-bloc { padding:12px 30px 1px 12px; margin:0px; }
.topicfocus .text-bloc .paragraph {background:transparent url(../images/focusback.gif) repeat-x left top; padding:10px 10px 0px 10px; margin:1px 5px 10px 0px; color:#525252; font-size:10px}
.topicfocus .text-bloc .bloc-header {display:block; margin:1px 5px 10px 0px ; color:#af7874; font-size:10px}
.topicfocus .bullet-link {background:transparent url(../images/focus_bullet.gif) no-repeat 4px 4px}
.topicfocus .list-bloc {margin-left:3px;}

/*large focus*/
#full {width:580px; background:white url(../images/focusbottom2.gif) no-repeat left bottom; padding-bottom:21px; margin:10px 0px 10px 4px; float:left;}
#full .text-bloc {background:white url(../images/focustop2.gif) no-repeat left top;}
#full .text-bloc .paragraph { }
#full.text-bloc .bloc-header { }

/*medium focus*/
#medium {width:356px; background:white url(../images/focusbottom.gif) no-repeat left bottom; padding-bottom:21px; margin:10px 0px 10px 4px; float:left}
#medium .text-bloc { background:white url(../images/focustop.gif) no-repeat left top;}
#medium .text-bloc .paragraph { }
#medium .text-bloc .bloc-header { }

/*small focus*/
#small {width:173px; background:white url(../images/focusbottom3.gif) no-repeat left bottom; padding-bottom:21px;  margin:10px 6px 10px 4px; float:left}
#small .text-bloc { background:white url(../images/focustop3.gif) no-repeat left top; padding:12px 15px 1px 10px;}
#small .text-bloc .paragraph {}
#small .text-bloc .bloc-header { }

/*line break*/
.nofloat {clear:both; height:1px; font-size:0px}

/*liste a puces 2*/
#arrowbullet .bullet-list {margin:0px; padding:0px 0px 0px 30px; background: url(../images/bullet_arrow.gif) no-repeat 6px 2px !important; color:#696968; list-style:none; line-height:18px;}

/*liens categorises*/
#categorizedlinks {border:1px solid #696968; display:block; padding:2px 6px 10px 6px;}
#categorizedlinks .title-level2 {font:bold 15px helvetica,arial,sans serif; color:#696968 !important; text-transform:uppercase; margin:6px 0px 5px 0px; background:url(../images/h1_categ.gif) no-repeat 5px 7px}

/*bloc Note*/
.note {margin:0px 0px 10px 4px; width:220px; padding:0px; text-align:left; background:url(../images/hpeventtop.jpg) no-repeat top left;}
.note .title-level1 {background:url() no-repeat; font:bold 15px helvetica,arial,sans serif; color:#FFFFFF; text-transform:uppercase; padding:10px 0px 0px 30px; text-align:left;}
.note .title-level2 {margin:10px 10px 5px 10px}
.note .content-zone {padding:10px 12px 0px 12px}
.note .footer {height:30px; background:url(../images/blocbottom.jpg) no-repeat left bottom; font-size:0px}

/*bloc contents*/
.note .bloc-header { padding:22px 0px 3px 0px; margin:0px 10px 10px 10px}
.note .paragraph { margin:5px 10px 10px 10px;}
.note .list-bloc {margin:0px}
.note .bullet-link {background:url(../images/link_arrow.gif) no-repeat 13px 4px; font:normal 11px arial,helvetica,sans serif; line-height:16px; padding:0px 0px 10px 25px;}
	.note .bullet-link A:link,.bloc .bullet-link A:visited { color:#696968; text-decoration:underline}	
	.note .bullet-link A:hover,.bloc .bullet-link A:active { color:#a9a9aa; text-decoration:underline}

.note .button A:link,.bloc .button A:visited { color:white}
.note .button1-part0 { white-space:nowrap; background:url(../images/button2bg1.gif) no-repeat top left !important;} /* margin = space between buttons  */
.note .button1-part1 { white-space:nowrap; background:url(../images/button2bg.gif) no-repeat top right !important;}
.note .button1-part0-down { white-space:nowrap; background:url(../images/button2bg1.gif) no-repeat top left !important;}
.note .button1-part1-down { white-space:nowrap; background:url(../images/button2bg.gif) no-repeat top right !important;}
/*taille*/
.note-small { width:220px; }
.note-medium { width:512px; }
.note-large { width:540px; }

/*acces rapide*/
#quickaccess IMG {margin:5px 5px 5px 0px;}
#quickaccess .bullet-link {font:bold 10px arial,helvetica,sans serif; border-bottom:1px solid #D8D8D8; padding:4px 0px 4px 2px; background:none !important;}

/*-------------portalp specifics----------*/
/*photo library*/
#photolibrary .img-left {text-align:center; width:160px; color:#00518B}
#photolibrary .img-left IMG {margin-bottom:10px; border:1px solid #7A8F99}
#photolibrary .img-left .bullet-link {font-weight:normal; color:#7B909B; background:url(../images/ico_enlarge.gif) no-repeat 0px 5px; text-align:left; padding:5px 5px 5px 25px; margin:5px 0px 0px 10px; font-size:10px}
#photolibrary .img-left .bullet-link A:link,#photolibrary .img-left .bullet-link A:visited {color:#7A8F99}
#photolibrary .img-left .bullet-link A:hover,#photolibrary .img-left .bullet-link A:active {color:#188CCC}

/*topics*/
.topic { width:180px; font:bold 18px Arial, Helvetica, sans-serif; text-transform:uppercase; color:white; padding:7px 30px 0px 10px; text-align:right; line-height:18px; }
#company .leftcol .topmargin { background:url(../images/subsociete.jpg); }
#activity .leftcol .topmargin {background:url(../images/sectactivite.jpg) no-repeat; }
#news .leftcol .topmargin {background:url(../images/actualite.jpg) no-repeat; }
#products .leftcol .topmargin {background:url(../images/produits.jpg) no-repeat; }
#network .leftcol .topmargin {}
#download .leftcol .topmargin {}
#contact .leftcol .topmargin {}
#extranet .leftcol .topmargin {}

/*-----------reseau--------------*/
#network .img-left {margin:5px 0px 2px 0px; }
#network .form-style { margin:0px; padding:0px; }
#network .form-style .title-level2 { background:#188CCC none; color:#FFFFFF; text-transform:uppercase; padding:4px 4px 4px 14px; margin:0px 0px 10px 0px}
#network .form-style .cell1 { padding:10px 10px 0px 2px;}
#network .form-style .cell2 { padding-bottom:0px 2px 10px 2px;}

/*-----------home page-----------*/
/*layout*/
#home .footer .bottomnav {margin:0px 23px 0px 0px;}
#home .container { background-image:none }
#home .maincol { background-image:none }
#home .maincol .topmargin { background-image:none; height:0px; }
#home .maincol .content { background-image:none; padding:0px; }
#home .maincol .bottommargin { background-image:none }
#home .rightcol { width:475px; background-image:none }
#home .footer {}

/*blocs*/
#home .topic {text-align:left}
#home .bloc .title { font:bold 18px Arial, Helvetica, sans-serif; text-align:left; }
#home .bloc .text-bloc {font:normal 11px arial,helvetica,sans serif; text-align:left; margin:0px}
#home .main-title {font-size:18px; text-transform:none; background:url(../images/hpmaintitle.gif) no-repeat 0px 4px; padding:0px 0px 0px 24px; margin:0px 0px 10px 0px; }
#home .bloc-header {font-size:11px;}
#home .bloc .bullet-link {background:url(../images/hpmorelink.gif) no-repeat 0px 6px; padding-left:10px}
#home .bloc .bullet-link A:link,#home .bloc .bullet-link A:visited { color:#0065AB; text-decoration:underline}	
#home .bloc .bullet-link A:hover,#home .bloc .bullet-link A:active { color:#188CCC; text-decoration:underline}

/*bloc flash info*/
#flashs { margin:0px; width:512px; background:url(../images/hpflashtop.jpg) no-repeat top left; }
#flashs .content-zone { padding:15px 15px 0px 15px}
#flashs .bottom { height:30px; background:url(../images/hpflashbottom.jpg) no-repeat left bottom; }
#flashs .img-right IMG {border:1px solid #C5C7C8}

/*bloc salons*/
#events { margin:5px 0px 0px 0px; width:512px; background:url(../images/hpeventtop.jpg) no-repeat top left; }
#events .title {padding:16px 18px 8px 10px;}
#events .content-zone { padding:25px 15px 0px 15px}
#events .bottom { height:30px; background:url(../images/hpflashbottom.jpg) no-repeat left bottom; }
#events .img-right IMG {border:1px solid #C5C7C8}

/*bloc secteurs activite*/
#activity { margin:0px; width:473px; background:url(../images/hpactivitytop.jpg) no-repeat top left; }
#activity .content-zone { padding:15px 15px 0px 15px}
#activity .text-bloc {margin-right:10px}
#activity .bottom { height:30px; background:url(../images/hpactivitybottom.jpg) no-repeat left bottom; clear:both}
#activity .img-center {font:bold 11px Arial,helvetica,sans serif; color:#ffffff; text-align:right; width:180px}
#activity .img-center IMG {border:1px solid #ffffff; margin-bottom:5px;}
#activity .img-center A { background:url(../images/hpactivityarrow.gif) no-repeat 0px 5px; padding-left:10px }
#activity .img-center A:link,#activity .img-center A:visited {color:#ffffff; text-decoration:underline}
#activity .img-center A:hover,#activity .img-center A:active {color:#ffffff; text-decoration:none}