/*-------- CMS PORTALP -------*/ BODY {margin:0px; padding:0px; background:transparent none url(../images/background.jpg) repeat-y top center; text-align:center;} /*---links---*/ A:link, A:visited {color:#1A171B; text-decoration:underline;} A:hover, A:active {color:#828281; text-decoration:underline;} /*---HTML forms---*/ FORM {padding:0px; margin:0px} INPUT,TEXTAREA,SELECT { background:white; color:#00518B; font:normal 11px helvetica,arial,sans serif; } INPUT.radio { background:transparent none; border:none;} INPUT.checkbox { background:transparent none; border:none; } /*----------------------------------------global layout---*/ .page {} .layout {width:989px; margin:10px auto 10px auto; text-align:left; } /*--header--*/ .header {background:url(../images/header.jpg) no-repeat; height:198px;} /*top navigation*/ .header .topnav {margin:0px; padding:0px; height:198px; width:140px; float:right} .header .topnav .outer {float:right; margin-top:15px;} .header .topnav .leftmargin {width:0px;} .header .topnav .left {width:0px;} .header .topnav .content {height:16px; font:normal 11px arial,helvetica,sans serif; padding:0px 4px 0px 4px; } .header .topnav .right {width:2px;} .header .topnav .rightmargin {width:15px;} /*topnav links*/ .header .topnav A:link, .header .topnav A:visited {color:#7A7A7A; text-decoration:none;} .header .topnav A:hover, .header .topnav A:active {color:#0F75C2; text-decoration:none;} /*-quicksearch-*/ .header .quicksearch {float:right; height:1px; width:1px;} /*graphic identity*/ .header .identity {height:198px; width:848px; float:left; } .header .identity .logo-left {width:213px; height:188px; background:url(../images/logoportalp.gif) no-repeat 10px 40px;} .header .identity .image {font-size:0px} .header .identity .image IMG {margin:0px;} .header .identity .logo-right {font-size:0px} /*mainnav*/ .header .mainnav {height:49px; background: url(../images/mainnavback.jpg) no-repeat left top; text-align:left; margin:0px; padding:0px 20px 2px????????v?)????????›?????????????????????????8?8?8???????????????????????????4????????????????????????????????????????›????????????????????????????????????????????????4??????????????????????????????????????????????????????????›????4??????????????????????????????????????????????????????????????????????????????????????????›????4?°???Ž 0px; clear:both; display:block; }/*align menu with text-align*/ /*--container--*/ .container { _width:100%; background:url(../images/maincontenttopleft.gif) no-repeat 212px 0px;}/*_width:100%; IE hack*/ .sublayout { } /*left column*/ .leftcol { width:212px; background-image:url(../images/subsociete.jpg); background-repeat: no-repeat;} .leftcol .outer {width:209px; margin:0px 0px 0px 0px} .leftcol .topmargin {height:24px;} .leftcol .content {text-align:left; background-image:url(../images/subback.gif); background-repeat: repeat-y;} .leftcol .bottommargin {height:159px; background:url(../images/subbottom.jpg) no-repeat left bottom; } /*middle column*/ .maincol { background:url(../images/maincontentbottleft.gif) no-repeat bottom left; padding-right:0px} .maincol .outer {margin:0px 1px 0px 0px;} .maincol .topmargin {height:20px; background: url(../images/maincontenttopright.gif) no-repeat top right;} .maincol .content { padding:0px 14px; background: url(../images/maincontentright.gif) repeat-y top right; } .maincol .bottommargin {height:20px; background:url(../images/maincontentbottright.gif) no-repeat bottom right;} /*right column*/ .rightcol { width:209px; background-image:url(../images/subsociete.jpg); background-repeat: no-repeat; } .rightcol .outer {width:209px; margin:0px 0px 0px 0px; } .rightcol .topmargin {height:24px;} .rightcol .content {{text-align:left; background-image:url(../images/subbackright.jpg); background-repeat: repeat-y;} .rightcol .bottommargin {height:60px; background:url(../images/subbottom2.jpg) no-repeat left bottom;} /*--footer--*/ .footer {margin:0px; padding:0px; height:30px;} .footer .bottomnav {margin:0px 0px 0px 10px; padding:0px;} .footer .bottomnav .outer {margin:0px; padding:0px; } .footer .bottomnav .leftmargin {width:25px;} .footer .bottomnav .left {width:0px;} .footer .bottomnav .content {height:30px; font:normal 11px arial,helvetica,sans serif; padding:0px 5px 0px 7px; } .footer .bottomnav .right {width:5px; background:url(../images/footerrightt.gif) no-repeat 0px 11px;} .footer .bottomnav .rightmargin {width:0px;} /*bottomnav links*/ .footer .bottomnav A:link, .footer .bottomnav A:visited {color:#828281; text-decoration:none; font:normal 11px arial,helvetica,sans serif;} .footer .bottomnav A:hover, .footer .bottomnav A:active {color:#828281; text-decoration:none; font:normal 12px arial,helvetica,sans serif;} /*----------------------------------------contents---*/ /*-content zone-*/ .main-content {font:normal 11px Arial,helvetica,sans serif; margin:0px; } .main-content TD {font-family:Arial,helvetica,sans serif; font-size:11px; } /*-titres-*/ .main-title { background:url(../images/h1_bullet.gif) no-repeat 0px 8px; font:normal 20px helvetica,arial,sans serif; color:#696968; padding:5px 0px 10px 25px; margin:30px 0px 2px 0px; }/*margin:5px 14px 2px 10px; clear:both;*/ .title-level1 {background:url(../images/h2_bullet.gif) no-repeat 16px 15px; font:bold 18px arial,helvetica,sans serif; color:#696968; padding:10px 0px 10px 34px; margin:7px 0px 5px 0px; text-decoration:underline} .title-level2 { background:url(../images/h3_bullet.gif) no-repeat 19px 8px; font:bold 13px Arial,helvetica,sans serif; color:#696968; padding:4px 0px 15px 33px; margin:10px 0px 10px 0px} /* links */ .title-level2 A:link, .title-level2 A:visited { color:#696968; text-decoration:underline } .title-level2 A:hover, .title-level2 A:active { text-decoration:none } /*-content bloc-*/ .text-bloc {margin:10px 15px 10px 12px; } /*-text types-*/ .bloc-header {font-weight:bold; font-size:12px; color:#1A171B; margin:5px 0px 10px 0px} .paragraph {color:#1A171B; margin:5px 0px 10px 0px; font-weight:normal } .separator {height:6px; font-size:1px; background:url(../images/separator.gif) repeat-x; padding:0px; margin:5px 0px 10px 0px; text-align:right; clear:both} #withtop.separator {height:16px; font-size:1px; background:url(../images/separator.gif) repeat-x left bottom; padding:0px; margin:5px 0px 10px 0px; text-align:right; } #withtop.separator #gototop {width:16px; height:14px; background:url(../images/gototop.gif) no-repeat; cursor:pointer; cursor:hand;} /*-text styles-*/ .text-style1 {font-weight:bold;} .text-style2 {color:#696968} .text-style3 {font-style:italic} .text-highlighted {color:#888886} /*- list-*/ .list-bloc { padding:0px; margin:0px 0px 10px 0px} .bullet-link {margin:0px; padding:0px 0px 0px 20px; background: url(../images/link_arrow.gif) no-repeat 5px 3px; font:normal 11px helvetica,Arial,sans serif; list-style:none; line-height:16px;} .bullet-list {margin:0px; padding:0px 0px 0px 18px; background: url(../images/bullet_list.gif) no-repeat 5px 6px; color:#1A171B; list-style:none; line-height:18px;} /*-tables-*/ .table-border {border-collapse:collapse; margin-bottom:7px;} .table-caption {font:bold 12px helvetica,Arial,sans serif; color:#FFFFFF; padding:4px 6px 4px 6px; background-color:#696968; border:1px solid #696968; border-bottom:none; text-align:center; padding:4px 6px 4px 6px; text-transform:uppercase;} .cell-header {color:#1A171B; padding:4px 6px 4px 6px; background:#adadac; border-left:1px solid #696968; border-right:1px solid #696968; font:bold 13px Arial,helvetica,sans serif !important;} .cell1 {font:normal 11px Arial,helvetica,sans serif; color:#1A171B; padding:4px 6px 4px 6px; background-color:#F0F2F3; border-left:1px solid #696968; border-right:1px solid #696968;} .cell2 {font:normal 11px Arial,helvetica,sans serif; color:#1A171B; padding:4px 6px 4px 6px; background-color:#eceeef; border-left:1px solid #696968; border-right:1px solid #696968;} .cell-footer {color:#000000; padding:4px 6px 4px 6px; background:#adadac; border-left:1px solid #696968; border-right:1px solid #696968; border-bottom:1px solid #696968; font:bold 13px Arial,helvetica,sans serif} /*-forms-*/ .form-style {margin:10px 15px 10px 12px; padding:7px; width:100%} .form-style .column { border-right:2px solid #888886; } .form-style .cell1 {padding:2px 10px 2px 2px; border:none; background-color:transparent; font-weight:bold; font-family:helvetica,arial,sans serif; text-transform:upperca????????v?)????????›?????????????????????????8?8?8???????????????????????????4????????????????????????????????????????›????????????????????????????????????????????????4??????????????????????????????????????????????????????????›????4??????????????????????????????????????????????????????????????????????????????????????????›????4?°???Žse} .form-style .cell2 {padding:2px; border:none; background-color:transparent; font-family:helvetica,arial,sans serif;} /*images*/ .img-left {float:left; display:block; margin:5px 10px 2px 0px; font:bold 9px Verdana,Arial,helvetica,sans serif; color:#5D5D5D; text-align:center;} .img-center { display:block; margin:5px 0px 2px 0px; font:bold 9px Verdana,Arial,helvetica,sans serif; color:#5D5D5D; text-align:center;} .img-right {float:right; display:block; margin:5px 0px 2px 10px; font:bold 9px Verdana,Arial,helvetica,sans serif; color:#5D5D5D; text-align:center;} /*-buttons-*/ /* outer */ .buttons-outer { margin:5px 0px 10px 0px; padding:8px 0px 0px 0px; text-align:right } /* main */ .button {font:bold 11px Arial,helvetica,sans serif; } /* links */ .button A:link, .button A:visited { cursor:hand; color:#000000; text-decoration:none !important } .button A:hover, .button A:active { cursor:hand; text-decoration:none !important } /* button1 */ .button1-part0 { white-space:nowrap; background:url(../images/button1bg1.gif) no-repeat top left; } /* margin = space between buttons */ .button1-part1 { white-space:nowrap; background:url(../images/button1bg.gif) no-repeat top right; } .button1-part0-down { white-space:nowrap; background:url(../images/button1bg1.gif) no-repeat top left; } .button1-part1-down { white-space:nowrap; background:url(../images/button1bg.gif) no-repeat top right; } /* button2 */ .button2-part0 { white-space:nowrap; background:url(../images/button1bg1.gif) no-repeat top left; } /* margin = space between buttons */ .button2-part1 { white-space:nowrap; background:url(../images/button1bg.gif) no-repeat top right; } .button2-part0-down { white-space:nowrap; background:url(../images/button1bg1.gif) no-repeat top left; } .button2-part1-down { white-space:nowrap; background:url(../images/button1bg.gif) no-repeat top right; } /* button3 */ .button3-part0 { white-space:nowrap; background:url(../images/button1bg1.gif) no-repeat top left; } /* margin = space between buttons */ .button3-part1 { white-space:nowrap; background:url(../images/button1bg.gif) no-repeat top right; } .button3-part0-down { white-space:nowrap; background:url(../images/button1bg1.gif) no-repeat top left; } .button3-part1-down { white-space:nowrap; background:url(../images/button1bg.gif) no-repeat top right; } /*inactive button*/ .inactive {} /* links */ .inactive A:link, .inactive A:visited { cursor:hand; color:#e5e5e5; text-decoration:none !important } .inactive A:hover, .inactive A:active { cursor:hand; text-decoration:none !important } .inactive .button1-part0,.inactive .button1-part0-down,.inactive .button2-part0,.inactive .button2-part0-down,.inactive .button3-part0,.inactive .button3-part0-down {background: url(../images/buttoninact1.gif) no-repeat top left;} .inactive .button1-part1,.inactive .button1-part1-down,.inactive .button2-part1,.inactive .button2-part1-down,.inactive .button3-part1,.inactive .button3-part1-down {background: url(../images/buttoninact2.gif) no-repeat top right;} /*-vignette-*/ .stamp { margin:4px 5px 6px 5px} /*----------------------------------------objects---*/ /*-submenu-*/ .submenu {width:190px; margin:0px 0px 0px 7px; padding:0px; text-wrap:normal; text-align:left } .submenu .menutop {display:none} .submenu .menulevel1 { width:190px; background:#ffffff url(../images/menulevel1.gif) no-repeat left bottom; font:bold 12px helvetica,Arial,sans serif; text-transform:uppercase; margin:0px; padding:7px 0px 4px 0px; cursor:pointer; cursor:hand; } /*links level1*/ .submenu A {padding:0px; margin:0px 2px 0px 28px; display:block } .submenu A:link,.submenu A:visited {color:#696968; text-decoration:none} .submenu A:hover,.submenu A:active {color:#abb4b9; text-decoration:none} .submenu .menulevel1-expanded { width:190px; background:#ffffff url(../images/menulevel1actif.gif) no-repeat left bottom; font:bold 12px helvetica,Arial,sans serif; text-transform:uppercase; margin:0px; padding:7px 0px 4px 0px; cursor:pointer; cursor:hand; } .submenu .menulevel1-expanded A {padding:0px; margin:0px 2px 0px 28px; display:block } .submenu .menulevel1-expanded A:link,.submenu .menulevel1-expanded A:visited {color:#696968; text-decoration:none} .submenu .menulevel1-expanded A:hover,.submenu .menulevel1-expanded A:active {color:#abb4b9; text-decoration:none} .submenu .menulevel2 { list-style:none; width:190px; background:white url(../images/menulevel2.gif) no-repeat 20px 11px; font:normal 11px Arial,helvetica,sans serif; margin:0px; padding:7px 0px 6px 0px; } /*links level2*/ .submenu .menulevel2 A {padding:0px; margin:0px 2px 0px 33px; } .submenu .menulevel2 A:link,.submenu .menulevel2 A:visited {color:#848483; text-decoration:underline} .submenu .menulevel2 A:hover,.submenu .menulevel2 A:active {color:#bdc0c2; text-decoration:underline} .submenu .menulevel2-active { list-style:none; width:190px; background:white url(../images/menulevel2actif.gif) no-repeat 10px 10px; font:bold 11px helvetica,Arial,sans serif; margin:0px; padding:7px 0px 6px 0px; } /*links level2 active*/ .submenu .menulevel2-active A {padding:0px; margin:0px 2px 0px 21px; } .submenu .menulevel2-active A:link,.submenu .menulevel2-active A:visited {color:#a8a5a5; text-decoration:none} .submenu .menulevel2-active A:hover,.submenu .menulevel2-active A:active {color:#BDBDBD; text-decoration:none} .submenu .menulevel3 { list-style:none; width:190px; background:white url(../images/menulevel2.gif) no-repeat 32px 11px; font:normal 10px Arial,helvetica,sans serif; margin:0px; padding:7px 0px 6px 0px; } /*links level3*/ .submenu .menulevel3 A {padding:0px; margin:0px 2px 0px 43px; } .submenu .menulevel3 A:link,.submenu .menulevel3 A:visited {color:#848483; text-decoration:none} .submenu .menulevel3 A:hover,.submenu .menulevel3 A:active {color:#bdc0c2; text-decoration:none} .submenu .menulevel3-active { list-style:none; width:190px; background:white url(../images/menulevel2.gif) no-repeat 32px 11px; font:normal 10px Arial,helvetica,sans serif; margin:0px; padding:7px 0px 6px 0px; } /*links level3*/ .submenu .menulevel3-active A {padding:0px; margin:0px 2px 0px 43px; } .submenu .menulevel3-active A:link,.submenu .menulevel3-active A:visited {color:#a8a5a5; text-decoration:none} .submenu .menulevel3-active A:hover,.submenu .menulevel3-active A:active {color:#BDBDBD; text-decoration:none} .submenu .menubottom {height:10px; list-style:none; } /*-streamline navigation-*/ .streamline {font:normal 11px Arial,helvetica,sans serif; color:#7B909B; margin:0px 5px 10px 5px; background:url(../images/streamline.gif) no-repeat; padding:2px 0px 0px 24px;} /*streamline links*/ .streamline A:link, .streamline A:visited {color:#7B909B; text-decoration:underline;} .streamline A:hover, .streamline A:active {color:#b5b6b7; text-decoration:none;} /*raccourcis*/ .shortcuts {margin:0px 5px 0px 5px; width:20px; padding:0px; text-align:left; float:right; } .shortcuts .list-bloc {margin:0px} .shortcuts .bullet-link {margin:1px; width:16px; height:16px; cursor:pointer; cursor:hand} .shortcuts #friend {background: url(../images/send_icon.gif) no-repeat center center;} .shortcuts #print {background: url(../images/print_icon.gif) no-repeat center center;} /*-newsletter-*/ .newsletter {} .newsletter .libelle {} /*-quicksearch-*/ .quicksearch {text-align:left} .quicksearch INPUT {border:1px solid #696968; background:white none; font:normal 11px arial,helvetica,sans serif; color:#696968} .quicksearch .button {font:bold 10px Arial,helvetica,sans serif; } .quicksearch .button A:link,.quicksearch .button A:visited { color:#696968} .quicksearch .button1-part0 { white-space:nowrap; background: url(../images/button2bg1.gif) no-repeat top left !important; } /* margin = space between buttons */ .quicksearch .button1-part1 { white-space:nowrap; background: url(../images/button2bg.gif) no-repeat top right !important; } .quicksearch .button1-part0-down { white-space:nowrap; background: url(../images/button2bg1.gif) no-repeat top left !important; } .quicksearch .button1-part1-down { white-space:nowrap; background: url(../images/button2bg.gif) no-repeat top right !important; } /*-bloc-*/ .bloc {margin:0px 0px 10px 4px; width:180px; padding:0px; text-align:left; background:url(../images/bloctop.jpg) no-repeat top left;} .bloc .title {background:url() no-repeat; font:bold 15px helvetica,arial,sans serif; color:#FFFFFF; text-transform:uppercase; padding:10px 18px 8px 20px; text-align:right;} .bloc .content-zone { padding:10px 12px 0px 12px} .bloc .bottom {height:30px; background:url(../images/blocbottom.jpg) no-repeat left bottom; font-size:0px} /*bloc contents*/ .bloc .list-bloc {margin:0px} .bloc .bullet-link {background:url(../images/link_arrow2.gif) no-repeat 4px 4px; font:normal 11px arial,helvetica,sans serif; line-height:16px; padding:0px 0px 0px 16px;} .bloc .bullet-link A:link,.bloc .bullet-link A:visited { color:#FFFFFF; text-decoration:underline} .bloc .bullet-link A:hover,.bloc .bullet-link A:active { color:#d6d6d0; text-decoration:underline} .bloc .button A:link,.bloc .button A:visited { color:#606066} .bloc .button1-part0 { white-space:nowrap; background:url(../images/button2bg1.gif) no-repeat top left !important;} /* margin = space between buttons */ .bloc .button1-part1 { white-space:nowrap; background:url(../images/button2bg.gif) no-repeat top right !important;} .bloc .button1-part0-down { white-space:nowrap; background:url(../images/button2bg1.gif) no-repeat top left !important;} .bloc .button1-part1-down { white-space:nowrap; background:url(../images/button2bg.gif) no-repeat top right !important;} .leftcol .img-center {} .leftcol .img-left {border:none} .leftcol .img-right {border:none} .rightcol .img-center {} .rightcol .img-left {border:none} .rightcol .img-right {border:none} .rightcol .separator {margin:5px 10px 10px 10px;}