/* Structure générale ----------------------------------------------------------------------------------------------------------- */ html, body { margin: 0; padding: 0; height: 100%; } body { min-width: 984px; font-family: Arial, Helvetica, sans-serif; color: #000; background: #dbdbdb url(images/fond_page.gif) repeat-y top center; } #page { margin: 0 auto; width: 984px; /* 175px | 634px | 175px */ min-height: 100%; margin-bottom: -122px; background-color: #fff;} * html #page { height: 100%; } #menus { float: left; width: 175px; font-size: 80%; margin-bottom: 10px; } #centre-wrapper { width: 100%; } #centre-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #centre { float: right; width: 809px; } /* Entête ----------------------------------------------------------------------------------------------------------- */ #entete { position: relative; min-height: 111px; background:#FFF url(images/fond_entete.gif) no-repeat top left;} * html #entete { height: 111px; } #logo { position: absolute; margin: 0; padding: 0; top: 16px; left: 8px; width: 172px; height: 75px; } #logo h1, #logo a { display: block; width: 172px; height: 75px; } #logo img { border: none; } #outils { margin: 0 0 0 166px; padding: 53px 0 10px 0; font-size: 80%; text-align: right; } #outils ul { margin: 0; padding: 0; list-style-type: none; } #outils ul li { display: inline; margin: 0; padding: 0 6px 0 2px; border-right: 1px solid #000; } * html #outils ul li { padding: 0 2px 0 6px; } *+html #outils ul li { padding: 0 2px 0 6px; } #outils ul li.dernier { border: none; } #outils ul li a { color: #000; white-space: nowrap; } #outils ul li a:link, #outils li a:visited, #outils li a:active { text-decoration: none; } #outils ul li a:hover { text-decoration: underline; } #outils ul li.fermer a { color: #00f; font-weight: normal; } #outils ul li.fermer a:link, #outils li.fermer a:visited, #outils li.fermer a:active { text-decoration: underline; } /* Navigation principale ----------------------------------------------------------------------------------------------------------- */ #barre-navigation { margin: 0; padding: 0; width: 100%; height: 44px; background: #FFF url(images/pixel_cfcfcf.gif) repeat-x left 27px; } #onglets{ margin-left: 40px; margin-right: 41px; } #onglets ul { list-style-type: none; margin: 0; padding: 0; } #onglets li { float: left; margin: 0; padding: 0; height: 44px; } #onglets li.produits-desj-fr { width: 206px; } #onglets li.produits-desj-en { width: 123px; } #onglets li.invest-desj-fr { width: 243px; } #onglets li.invest-desj-en { width: 214px; } #onglets li.conseils-desj-fr { width: 199px; } #onglets li.conseils-desj-en { width: 176px; } #onglets li.info-desj-fr { width: 255px; } #onglets li.info-desj-en { width: 236px; } #onglets li a { position: relative; display: block; width: 100%; height: 100%; text-align: center; overflow: hidden; } #onglets li a span { display: block; position: relative; margin-bottom: -44px; width: 100%; height: 100%; background-repeat: no-repeat; } *html #onglets li a span { cursor: pointer; } *html #onglets li a:hover { zoom: 1; } #onglets ul li.produits-desj-fr a span { background-image: url(../fr/images/onglets_produits_desj.gif); } #onglets ul li.produits-desj-en a span { background-image: url(../en/images/onglets_produits_desj.gif); } #onglets ul li.invest-desj-fr a span { background-image: url(../fr/images/onglets_invest_desj.gif); } #onglets ul li.invest-desj-en a span { background-image: url(../en/images/onglets_invest_desj.gif); } #onglets ul li.conseils-desj-fr a span { background-image: url(../fr/images/onglets_conseils_desj.gif); } #onglets ul li.conseils-desj-en a span { background-image: url(../en/images/onglets_conseils_desj.gif); } #onglets ul li.info-desj-fr a span { background-image: url(../fr/images/onglets_info_desj.gif); } #onglets ul li.info-desj-en a span { background-image: url(../en/images/onglets_info_desj.gif); } #onglets ul li.on a span { background-position: top left; } #onglets ul li.off a span { background-position: 0px -44px; } #onglets ul li.off a:hover span { background-position: 0px -88px; } /* Menus de gauche ----------------------------------------------------------------------------------------------------------- */ #menu { position: relative; } #menus h2 { margin: 0; padding: 3px 5px 3px 6px; font-size: 100%; font-weight: bold; color: #fff; background-color: #008c53; } #menus h2 a { display: block; color: #fff; text-decoration: none; } #menus h2 a:hover { text-decoration: underline; } #menus .menu { margin: 0 0 10px 0; border-bottom: 3px solid #b3b3b3; } #menus .menu ul { margin: 0; padding: 0; list-style-type: none; } #menus .menu ul li { border-top: 1px solid #b3b3b3; } #menus .menu ul li.premier { border-top: 1px solid #fff; } #menus .menu ul li a { padding: 3px 5px 3px 16px; background-color: #e4e4e4; background-image: url(images/puce_noire_3x3.gif); background-repeat: no-repeat; background-position: 8px 0.7em; } #menus .menu ul li a.select { background-color: #fff; } #menus .menu ul.niv1 { margin: 0; padding: 0; list-style-type: none; } #menus .menu ul.niv1 li { border-top: 1px solid #b3b3b3; } #menus .menu ul.niv1 li.premier { border-top: 1px solid #fff; } #menus .menu ul.niv1 li a { padding: 3px 5px 3px 16px; background-color: #e4e4e4; background-image: url(images/fleche_menu_verte_off.gif); background-repeat: no-repeat; background-position: 4px 0.5em; } #menus .menu ul.niv1 li a.ouvert { background-color: #e4e4e4; background-image: url(images/fleche_menu_noire_on.gif); background-position: 4px 0.4em; } #menus .menu ul.niv1 li a.select { background-color: #fff; background-image: url(images/fleche_menu_noire_on.gif); background-position: 4px 0.4em; } #menus .menu ul.niv2 { margin: 0; padding: 0; list-style-type: none; } #menus .menu ul.niv2 li { border-top: 1px solid #b3b3b3; } #menus .menu ul.niv2 li.premier { border-top: 1px solid #b3b3b3; } #menus .menu ul.niv2 li a { padding: 3px 5px 3px 27px; background-color: #f1f1f1; background-image: url(images/puce_noire_3x3.gif); background-repeat: no-repeat; background-position: 19px 0.7em; } #menus .menu ul.niv2 li a.ouvert { background-color: #f1f1f1; background-image: url(images/puce_noire_3x3.gif); background-position: 19px 0.7em; } #menus .menu ul.niv2 li a.select { background-color: #fff; background-image: url(images/puce_noire_3x3.gif); background-position: 19px 0.7em; } #menus .menu ul.niv3 { margin: 0; padding: 0; list-style-type: none; } #menus .menu ul.niv3 li { border-top: 1px solid #b3b3b3; } #menus .menu ul.niv3 li.premier { border-top: 1px solid #b3b3b3; } #menus .menu ul.niv3 li a { padding: 3px 5px 3px 38px; background-color: #f1f1f1; background-image: url(http://images.desjardins.com/protect/tiret_noir_4x4.gif); background-repeat: no-repeat; background-position: 29px 0.7em; } #menus .menu ul.niv3 li a.ouvert { background-color: #f1f1f1; background-image: url(images/tiret_noir_4x4.gif); background-position: 29px 0.7em; } #menus .menu ul.niv3 li a.select { background-color: #fff; background-image: url(images/tiret_noir_4x4.gif); background-position: 29px 0.7em; } #menus .menu ul li a { display: block; color: #000; } * html #menus .menu ul li a { height: 1%; } #menus .menu ul li a.select { font-weight: bold; } #menus .menu ul li a:link, #menus .menu ul li a:visited, #menus .menu ul li a:active { text-decoration: none; } #menus .menu ul li a:hover { text-decoration: underline; background-color: #fff; } /* Menus de droite (hooks) ----------------------------------------------------------------------------------------------------------- */ #hooks { float: left; width: 175px; font-size: 80%; margin-bottom: 10px; border-left: 0px solid #cfcfcf; } .hooks_espace{ margin:0 0 10px 0; border:0 0 0 0; border-style:none none none none; } #hooks #hooks-communiq { margin: 0 0 10px 0; background-color: #d3e4df; border-bottom: 3px solid #008c53; text-align:center} #hooks #hooks-communiq .bloc-trx { padding: 5px 0 5px 0; border-top: 1px solid #fff; height: 1%; } #hooks #hooks-communiq .premier { padding-top: 0; border-top: none; } #hooks h4 { margin: 0; padding: 3px 5px 3px 6px; font-size: 100%; font-weight: bold; color: #fff; background-color: #008c53; } #hooks h4 a { display: block; color: #fff; text-decoration: none; } #hooks h4 a:hover { text-decoration: underline; } #hooks #hooks-communiq h4 { padding: 0; width: 175px; height: 34px; overflow: hidden; } #hooks #hooks-communiq h4 span { display: block; position: relative; margin-bottom: -34px; width: 100%; height: 100%; background-repeat: no-repeat; } #hooks #hooks-communiq.fr h4 span { background-image: url(../fr/images/titre_communiquez.gif); } #hooks #hooks-communiq.en h4 span { background-image: url(../en/images/titre_communiquez.gif); } #hooks #hooks-communiq h3 { margin: 0 0 0 5px; font-size: 100%; } #hooks #hooks-communiq .disnat h3 { float: right; margin: 0; padding: 0; width: 105px; font-weight: normal; } #hooks #hooks-communiq .vmd h3 { float: right; margin: 0; padding: 0; width: 105px; font-weight: normal; } #hooks #hooks-communiq h3 a:link, #hooks #hooks-communiq h3 a:visited, #hooks #hooks-communiq h3 a:active { color: #000; text-decoration: none; } #hooks #hooks-communiq h3 a:hover { color: #000; text-decoration: underline; } #hooks #hooks-communiq h3.hidden { display: none; } #hooks #hooks-communiq ul.liens-trx { margin: 6px 0; padding: 0; list-style-type: none; text-align: center; } #hooks #hooks-communiq ul.liens-trx li { display: inline; margin: 0; padding: 0 1px 0 5px; border-left: 1px solid #000; } #hooks #hooks-communiq ul.liens-trx li.premier { border: none; } #hooks #hooks-communiq ul.liens-trx li.btn { display: block; margin: 3px auto; padding: 0; height: 19px; overflow: hidden; border: none; } #hooks #hooks-communiq.fr ul.liens-trx li.btn { width: 145px; height:21px;} #hooks #hooks-communiq.en ul.liens-trx li.btn { width: 145px; height:21px;} #hooks #hooks-communiq ul.liens-trx li.btn a { position: relative; display: block; width: 100%; height: 100%; } #hooks #hooks-communiq ul.liens-trx li.btn a span { position: relative; display: block; margin-bottom: -19px; width: 100%; height: 100%; background-repeat: no-repeat; } #hooks #hooks-communiq.fr ul.liens-trx li.btn a span { background-image: url(../fr/images/bouton_cliquez.gif); } #hooks #hooks-communiq.en ul.liens-trx li.btn a span { background-image: url(../en/images/bouton_cliquez.gif); } #hooks #hooks-communiq ul.liens-trx li a:link, #hooks #hooks-communiq ul.liens-trx li a:visited, #hooks #hooks-communiq ul.liens-trx li a:active { color: #000; text-decoration: none; } #hooks #hooks-communiq ul.liens-trx li a:hover { color: #000; text-decoration: underline; } #hooks h2 { margin: 0; padding: 3px 5px 3px 8px; font-size: 100%; font-weight: bold; color: #2775c3; border: 1px solid #b3b1aa; border-bottom: 3px solid #b3b1aa; } #hooks h2.outils { padding-left: 24px; background: url(images/icone_outils.gif) no-repeat 5px 0.3em; } #hooks h2.documents { padding-left: 24px; background: url(images/icone_documents.gif) no-repeat 5px 0.3em; } #hooks h2.presse { padding-left: 24px; background: url(images/icone_presse.gif) no-repeat 5px 0.3em; } #hooks .hook { margin: 0 0 10px 0; border: 1px solid #b3b1aa; border-top: none; } #hooks .hook ul { margin: 0; padding: 3px 8px; list-style-type: none; } #hooks .hook ul li { padding: 2px 0; border-top: none; } #hooks .hook ul li.premier { border: none; } #hooks .hook ul li a { position: relative; display: block; padding-left: 10px; background-image: url(images/puce_fushia_4x4.gif); background-repeat: no-repeat; background-position: 1px 0.5em; color: #000; } #hooks .hook ul li a:link, #hooks .hook ul li a:visited, #hooks .hook ul li a:active { text-decoration: none; } #hooks .hook ul li a:hover { text-decoration: underline; } #hooks .hook ul li a.tous { background-image: none; padding-left: 0; } #hooks .hook p { margin: 0; padding: 3px 5px; } #hooks .hook a:link, #hooks .hook ul li a:visited, #hooks .hook ul li a:active { text-decoration: none; color: #000; } #hooks .hook a:hover { text-decoration: underline; } #hooks img.imageBordure { border: 1px solid #b3b1aa; } #hooks h2.video { padding-left: 24px; background: url(images/icone_video.gif) no-repeat 5px 0.3em; } #hooks .video .blocVideo { background-color: #e7e7e7; padding: 5px; min-height: 52px; } * html #hooks .video .blocVideo { height: 1%; } #hooks .video .imageVideo { float: left; margin: 0px; padding: 0 5px 0 0; } /* zone page accueil general ----------------------------------------------------------------------------------------------------------- */ #zone-ac-general { position: relative; margin-left: 5px; padding: 0; font-size: 80%; height: 1%;} .lien_plus_ac { color: #0000d7; text-decoration: none;} .lien_ac a { color: #0000d7; text-decoration: none; } .lien_ac a:over { color: #0000d7; text-decoration: underline; } .lien_ac a:visited { color: #0000d7; text-decoration: none; } .titre_vert { margin-top: 0px; padding-left: 15px; margin-bottom: 0px; font-size: 140%; font-weight: bold; color: #008c53; background: url(images/puce_fushia_titre.gif) no-repeat top left; text-decoration: none;} .titre_vert a { margin-top: 0px; padding-left: 15px; margin-bottom: 0px; font-size: 140%; font-weight: bold; color: #008c53; background: url(images/puce_fushia_titre.gif) no-repeat top left; text-decoration: none;} .titre_vert a:over { margin-top: 0px; padding-left: 15px; margin-bottom: 0px; font-size: 140%; font-weight: bold; color: #008c53; background: url(images/puce_fushia_titre.gif) no-repeat top left; text-decoration: none;} .titre_vert a:visited { margin-top: 0px; padding-left: 15px; margin-bottom: 0px; font-size: 140%; font-weight: bold; color: #008c53; background: url(images/puce_fushia_titre.gif) no-repeat top left; text-decoration: none;} .titre_bleu { margin-top: 0px; margin-bottom: 5px; font-size: 110%; font-weight: bold; color: #2275c3; background: transparent; text-decoration: none;} .titre_bleu a { margin-top: 0px; margin-bottom: 5px; font-size: 110%; font-weight: bold; color: #2275c3; background: transparent; text-decoration: none;} .titre_bleu a:over { font-size: 110%; font-weight: bold; color: #2275c3; text-decoration: none;} .titre_bleu a:visited { font-size: 110%; font-weight: bold; color: #2275c3; text-decoration: none;} .titre_noir { margin-top: 0px; padding-left: 15px; margin-bottom: 5px; font-size: 130%; font-weight: bold; color: #000; background: transparent; text-decoration: none; } .titre_noir a { margin-top: 0px; padding-left: 15px; margin-bottom: 5px; font-size: 130%; font-weight: bold; color: #000; background: transparent; text-decoration: none; } .titre_noir a:over { font-size: 130%; font-weight: bold; color: #000; text-decoration: none; } .titre_noir a:visited { font-size: 130%; font-weight: bold; color: #000; text-decoration: none; } .sous-titre_bleu { margin-top: 0px; margin-bottom: 5px; font-size: 100%; font-weight: bold; color: #0000d7; background: transparent; text-decoration: none;} .sous-titre_bleu a { margin-top: 0px; margin-bottom: 5px; font-size: 100%; font-weight: bold; color: #0000d7; background: transparent; text-decoration: none; } .sous-titre_bleu a:over { font-size: 100%; font-weight: bold; color: #0000d7; text-decoration: none; } .sous-titre_bleu a:visited { font-size: 100%; font-weight: bold; color: #0000d7; text-decoration: none; } .titre_gris { margin-top: 0px; margin-bottom: 0px; font-size: 120%; font-weight: normal; color: #666666; background: transparent; text-decoration: none;} .titre_gris a { margin-top: 0px; margin-bottom: 0px; font-size: 120%; font-weight: normal; color: #666666; background: transparent; text-decoration: none;} .titre_gris a:over { font-size: 120%; font-weight: normal; color: #666666; background: transparent; text-decoration: none;} .titre_gris a:visited { font-size: 120%; font-weight: normal; color: #666666; background: transparent; text-decoration: none;} /* zone page contenu ----------------------------------------------------------------------------------------------------------- */ #contenu-wrapper { float: left; width: 622px; padding-left: 10px; } #contenu-wrapper h1 { margin-top: 0; margin-bottom: 10px; padding: 0px; font-size: 130%; font-weight: normal; color: #008c53; } #contenu-wrapper h2 { margin-top: 0; margin-bottom: 5px; font-size: 130%; font-weight: bold; color: #2275c3; } #contenu { font-size: 80%; padding-left: 5px; padding-top: 5px; padding-right:10px; padding-bottom:10px; background: url(images/back_h2_contenu.gif) no-repeat top left; } #contenu-divers { font-size: 80%; padding-left: 5px; padding-top: 0px; padding-right:5px; padding-bottom:30px; background:transparent; } #contenu-divers h1 { margin-top: 0; margin-bottom: 10px; padding: 0px; font-size: 160%; font-weight: normal; color: #008c53; } #contenu-divers div.accroche h3 { padding-left: 14px; font-size: 100%; background: url(images/puce_fushia_10x10.gif) no-repeat 0 0.2em; margin-bottom: 0px; } #contenu-divers div.accroche p { margin-top: 3px; } #contenu-divers div.accroche:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } #contenu-divers .petit { font-size: 80%; } #print_copyright { display:none;} caption { font-weight: bold; color: #000; text-align: center; } .caption { font-weight: bold; color: #000; text-align: center; } .cellFondTitre, .ligne-horizontale { background: #008c53; } .cellImpaire { background: #eee; } .cellPaire { background: #fff; } .cellTitre { padding: 3px 3px; color: #fff; font-weight: bold; text-align: left; vertical-align: top; text-decoration: none;} .cellTitre a { padding: 3px 3px; color: #fff; font-weight: bold; text-align: left; vertical-align: top; text-decoration: none;} .cellTitre a:over { padding: 3px 3px; color: #fff; font-weight: bold; text-align: left; vertical-align: top; text-decoration: underline; } .cellTitre a:visited { padding: 3px 3px; color: #fff; font-weight: bold; text-align: left; vertical-align: top; text-decoration: none;} .cellTitreLigne { padding: 3px 3px; font-weight: bold; text-align: left; vertical-align: text-top; } .cellTitreChiffre{ margin-top: 0; margin-bottom: 5px; font-size: 200%; font-weight: bold; color: #2275c3; } .cellTexte { padding: 3px 3px; vertical-align: text-top; font-weight: normal; } .bullePosition { margin: 0px; } .bullePosition ul { margin: 0px; } .bullePosition ul li { position: relative; list-style: none; } div.bulleWrap1 { display: none; position: absolute; top: 100px; left: -260px; width:258px; } div.bulleWrap1 .bulleContent {padding: 6px 32px 0px 16px; overflow: visible; background: url(images/bulle_top_1.gif) no-repeat top; } div.bulleWrap1 .bulleBottom { font-size:1px; height:10px; background: url(images/bulle_bottom_1.gif) no-repeat right; } div.bulleWrap2 { display: none; position: absolute; top: 100px; left: -242px; width:258px; } div.bulleWrap2 .bulleContent {padding: 6px 32px 0px 16px; overflow: visible; background: url(images/bulle_top_2.gif) no-repeat top; } div.bulleWrap2 .bulleBottom { font-size:1px; height:10px; background: url(images/bulle_bottom_2.gif) no-repeat right; } div.bulleWrap3 { display: none; position: absolute; top: 128px; left: 193px; width:258px; } div.bulleWrap3 .bulleContent {padding: 6px 16px 0px 32px; overflow: visible; background: url(images/bulle_top.gif) no-repeat top; } div.bulleWrap3 .bulleBottom { font-size:1px; height:10px; background: url(images/bulle_bottom.gif) no-repeat right; } div.bulleWrap4 { display: none; position: absolute; top: 20px; left: 185px; width:258px; } div.bulleWrap4 .bulleContent {padding: 6px 16px 0px 32px; overflow: visible; background: url(images/bulle_top.gif) no-repeat top; } div.bulleWrap4 .bulleBottom { font-size:1px; height:10px; background: url(images/bulle_bottom.gif) no-repeat right; } /* Bas de page ----------------------------------------------------------------------------------------------------------- */ #bas-page-clear { clear: both; height: 30px; } #bas-page { clear: both; margin: 0 auto; width: 984px; background-color: #fff; } #pied { clear: both; width: 100%; margin: 0; padding: 10px 0 2px 0; min-height: 41px; font-size: 75%; text-align: center; border-top: 1px solid #cfcfcf; } * html #pied { height: 41px; } #pied ul { margin: 0 0 4px 0; padding: 0; list-style-type: none; } #pied ul li { display: inline; padding: 0 5px 0 2px; border-right: 1px solid #000000; } * html #pied ul li { padding: 0 2px 0 5px; } *+html #pied ul li { padding: 0 2px 0 5px; } #pied ul li.dernier { border: none; } #pied ul li a { white-space: nowrap; } #copyright { margin: 0; padding: 0; font-size: 90%; color: #666; } /* JQUERY ----------------------------------------------------------------------------------------------------------------------*/ /* ACCORDEON JQUERY */ .accordion { list-style-type: none; padding: 0; margin: 0 0 30px; border-top: none; border-left: none; } .accordion ul { padding: 0; margin: 0; display: block; width: 100%; } .accordion li { background: #008c53; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 600px;} .accordion li.active>a { background: url('images/fleche_bas.png') no-repeat center left; } .accordion li div { padding: 0px; background: #ffffff; display: block; clear: both; float: left; width: 100%;} .accordion a { text-decoration: none; color: #ffffff; padding: 6px 10px 0px 0px; display: block; cursor: pointer; background: url('images/fleche_droite.png') no-repeat left; height:23px;} /* pour régler la taille des boutons, utiliser padding et height du accordion a*/ .span_margin {margin-left:22px; font-weight:bolder;} #conteneur_accordeon{ width:600px;} /* ACCORDEON_faq1 JQUERY */ .accordion_faq1 { list-style-type: none; padding: 0; margin: 0 0 0px; border-top: none; border-left: none; } .accordion_faq1 ul { padding: 0; margin: 0; display: block; width: 100%; } .accordion_faq1 li { background: #008c53; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 600px;} .accordion_faq1 li.active>a { background: url('images/fleche_bas.png') no-repeat center left; } .accordion_faq1 li div { padding: 0px; background: #ffffff; display: block; clear: both; float: left; width: 100%;} .accordion_faq1 a { text-decoration: none; color: #ffffff; padding: 6px 10px 0px 0px; display: block; cursor: pointer; background: url('images/fleche_droite.png') no-repeat left; height:23px;} /* pour régler la taille des boutons, utiliser padding et height du accordion a*/ .span_margin_faq1 {margin-left:20px; font-weight:bolder;} #conteneur_accordeon{ width:600px;} /* ACCORDEON_faq2 JQUERY */ .accordion_faq2 { list-style-type: none; padding: 0; margin: 0 0 0px; border-top: none; border-left: none; } .accordion_faq2 ul { padding: 0px ; margin: 0px; display: block; width: 100%; } .accordion_faq2 li { background: #008c53; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 600px;} .accordion_faq2 li.active>a { background: url('images/fleche_bas.png') no-repeat center left; background-position:0px 15%; } .accordion_faq2 li div { padding: 0px; background: #ffffff; display: block; clear: both; float: left; width: 100%;} .accordion_faq2 a { text-decoration: none; color: #ffffff; padding: 5px 0px 0px 0px; display: block; cursor: pointer; background: url('images/fleche_droite.png') no-repeat left; height:45px; background-position:0px 15%;} /* pour régler la taille des boutons, utiliser padding et height du accordion a*/ /* ACCORDEON_faq3 JQUERY */ .accordion_faq3 { list-style-type: none; padding: 0; margin: 0 0 0; border-top: none; border-left: none; } .accordion_faq3 ul { padding: 0px; margin: 0px; display: block; width: 100%; } .accordion_faq3 li { background: #008c53; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 600px;} .accordion_faq3 li.active>a { background: url('images/fleche_bas.png') no-repeat left; background-position:0px 15%; } .accordion_faq3 li div { padding: 0px; background: #ffffff; display: block; clear: both; float: left; width: 100%;} .accordion_faq3 a { text-decoration: none; color: #ffffff; padding: 5px 0px 0px 0px; display: block; cursor: pointer; background: url('images/fleche_droite.png') no-repeat left; height:50px; background-position:0px 15%;} /* pour régler la taille des boutons, utiliser padding et height du accordion a*/ /* NEWS DEFILLANTE JQUERY */ /* CSS SCROLLABLE HORIZONTAL root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 515px; height:70px; /* custom decorations border:1px solid #ccc; background:url(/img/global/gradient/h300.png) repeat-x;*/ } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; width:520px; } /* CSS BOUTONS DE NAVIGATION /* position and dimensions of the navigator */ .navi { margin-right:-120px; width:200px; height:20px; float:right; } /* items inside navigator */ .navi a { width:10px; height:10px; float:left; margin:3px; background:url('images/puce_news.png') 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ .navi a:hover { background-position:0 -10px; } /* active state (current page state) */ .navi a.active { background-position:0 -20px; } /* Onglets Chorus II ----------------------------------------------------------------------------------------------------------- */ #navlist { padding: 3px 0; margin-left: 0; border-bottom: 1px solid #b3b3b3; font: bold 12px Verdana, sans-serif;} #navlist li { list-style: none; margin: 0; display: inline;} #navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #b3b3b3; border-bottom: none; background: #f1f1f1; text-decoration: none;} #navlist li a:link { color: #000; } #navlist li a:visited { color: #008c53; } #navlist li a:focus { color: #008c53; background: #d3e4df; border-color: #b3b3b3;} #navlist li a:hover { color: #008c53; background: #d3e4df; border-color: #b3b3b3;} #navlist li a#current { background: white; border-bottom: 1px solid white;} .clientBox {background:#fff;} .bordure_table {border-collapse:collapse;} .bordure_td {border:1px solid #000;}