/* ------------------------------------------------------------------------------------------ www.mes-placements.fr 2010, Finance Sélection - Tous droits réservés Ce fichier CSS et protégé par la code de la propriété intellectuelle ------------------------------------------------------------------------------------------ SOMMAIRE : I Balises et généralités II Entête et menu haut III Menu gauche IV Corps V Menu droite VI Pied de page VII Styles supplémentaires */ /* I - BALISES ET GENERALITES ------------------------------------------------------------------------- */ * {padding:0; margin:0;} body {margin:0; padding:0; font:12px Verdana, Tahoma, Helvetica, sans-serif; color:#666; background:#FBFBFB url(/css/images/bg.jpg) repeat-x; text-align:center;} body.fondmadelin{ background: url(images/bg-madelin2.jpg) repeat-x; } body.fondepargne{ background: url(images/bg-livret-epargne.jpg) repeat-x; } body.fondmplcapi{ background: url(images/bg-mplcapi.jpg) repeat-x; } #wrap {background:#FFF; width:1000px; height:100%; margin:0 auto; text-align:left;} #content-wrap {clear:both; margin:0; padding:0; background-color:#FFF; float:left; width:100%;} /* Opérations Marketing ponctuelles au dessus du header */ body.opebody {background-color:#FFF !important; background-image:url(images/ope-ciel-2011.jpg) !important; background-repeat:no-repeat !important; background-position:50% 0 !important;} /* Kalliste Capital */ #opeheader {z-index:5; width:1001px; height:159px; margin:0 auto;} #opeheader #opebgnoir {position:absolute; z-index:10; margin:10px 0 0 720px; background-image:url(images/ope-bgnoir.png); background-repeat:repeat; width:250px; height:122px; color: #FFF;} #opeheader #opebgnoir a.opebouton {display:block; margin:15px auto; width:230px; height:42px; background-image:url(images/ope-bouton.png); background-repeat:no-repeat;} #opeheader #opebgnoir a.opebouton:hover {background-position:0 -43px;} #opeheader #opebgnoir span {font-size:90%;} #opeheader #opebgnoir span a {font-style:italic; text-decoration:underline; color:#FFF; font-weight:bold;} #opeheader #opebgnoir span a:hover {color:#FE690F;} /* ISF 2011 */ #opeheader-gif {z-index:5; width:1001px; height:120px; margin:0 auto; position:relative;} /* titres */ h1, h2, h3 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif;color:#333;} h1 {font-size:1.5em; margin:10px 15px;color:#6297BC;} /* Pages MPL CAPI PEA */ #content-wrap.capipea #main h1 {color:#51367F;} h2 {font-size:1.4em; text-transform:uppercase; margin:10px 15px;} h3 {font-size:1.3em; margin:15px 15px 10px;} h4 {font:1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold; font-size:1.2em; margin:15px 15px 10px; color:#333;} h5 {font-size:1.2em; margin:15px 15px 10px; color:#6297BC;} h6 {font:1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold; font-size:1.1em; margin:15px 15px 10px; color:#333;} p {margin:5px 15px 20px; text-align:justify;} ul, ol {margin:10px 10px 10px 30px; padding:0 0 0 15px; color:#666;} ul span, ol span {color:#666;} /* images */ img {border:none;} img.with-border {border:1px solid #e2e2e2;} img.float-right {margin:5px 0 5px 15px;} img.float-left {margin:5px 15px 5px 0px;} a img {border:none} a:hover img {border:none} .noborder {border:0;} /* text layout elements */ code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background:#FAFAFA; border:1px solid #F2F2F2; border-left:4px solid #4284B0;} acronym {cursor:help; border-bottom:1px solid #777;} blockquote {margin:15px; padding:0 0 0 20px; background:#FAFAFA; border:1px solid #F2F2F2; border-left:4px solid #4284B0; color: #4284B0; font:bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;} /* form elements */ form {margin:10px; padding:0; border:1px solid #CCC; background-color: #FAFAFA;} label {display:block; font-weight:bold; margin:5px 0;} input, select {padding:2px; border:1px solid #CCC; font: normal 1em Verdana, sans-serif; color:#777;} textarea {padding:2px; font:normal 1em Verdana, sans-serif; border:1px solid #CCC; height:100px; display:block; color:#777;} input.button {margin:0; font:bold 1em Arial, Sans-serif; border:1px solid #CCC; background:#FFF; padding:2px 3px; color:#4284B0;} /* Liens */ a {color:#4284B0; background-color:inherit; text-decoration:none;} a:hover {color:#ff6100; background-color:inherit; text-decoration:underline;} p a {text-decoration:underline;} a.pdf{text-decoration:underline; background: url(/IMG/pdf.gif) 1% 60% no-repeat;padding-left:2.5em;color: #4284B0;line-height:2em;margin:0;} a.pdf:hover{color:#ff6100; text-decoration:underline;} a.mainfleche {text-decoration:underline; padding-left:55px; color:#4284B0; font-weight:bold; line-height:2em; margin:0 0 0 10px; background:url(../IMG/fleche.gif) 1% 60% no-repeat;} a.mainfleche:hover {color:#FE690F;} a.invert {color:#ff6100; background-color:inherit; text-decoration:none;} a.invert:hover {color:#4284B0; background-color:inherit; text-decoration:underline;} a.fonce {color:#2d353f; background-color: inherit; text-decoration:none;} a.fonce:hover {color:#4284B0; background-color: inherit; text-decoration:underline;} a.tresfonce {color:#373b46; text-decoration:none;} a.tresfonce:hover {color:#4284B0; text-decoration:underline;} a.lienblanc {color:#FFF; text-decoration: none;} a:hover.lienblanc {color:#F2F2F2; text-decoration: underline;} /* boutons */ a.bouton {background-image:url(images/boutonwrapper.jpg); background-repeat:repeat-x; display:block; color: #FFF !important; border:2px solid black; font-weight:bold; text-decoration:none; padding:7px 9px; font:bold 10pt Arial; float:left; -moz-border-radius:5px; border-radius: 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px;} a.bouton:hover {background-position:0 -30px; text-decoration:underline !important; color: #FFF;} a.bouton img {float:left; margin:-5px 5px -5px -5px;} /* Anciens boutons */ a.boldbuttons {display:block; float:left; font:bold 13px Arial; /* Change 13px as desired */ line-height:22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */height: 30px; /* Height of button background height */padding-left: 8px; /* Width of left menu image */text-decoration: none;white-space:nowrap;} a.boldbuttons span {display:block; padding:4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/} a:hover.boldbuttons { /* Hover state CSS */text-decoration: underline;} .buttonwrapper {padding:15px 0 15px 100px; overflow:hidden; width:auto; margin-bottom:20px;} .logolaposte {padding-left:50px !important;} .buttonwrapper3 {padding:15px 0 15px 15px; overflow:hidden; width:auto; margin-bottom:20px;} .buttonwrapper1 {padding:15px 0 15px 160px; overflow:hidden; width:auto; margin-bottom:20px;} .buttonwrapperminitableau {padding:15px 0 15px 15px; overflow:hidden; width:auto; margin-bottom:20px;} a.boldbuttons{background:transparent url(/IMG/glossybuttonleft.gif) no-repeat top left;} a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{color: #FFF; /*button text color*/} a.boldbuttons span{background:transparent url(/IMG/glossybuttonright.gif) no-repeat top right;} a.mdsouscrire {display:block; width:210px; height:37px; background-image:url(images/md-souscrire.gif); background-repeat:repeat-x;} a.mdsouscrire:hover {background-position:0 -38px;} a.mddocumentation {display:block; width:210px; height:37px; background-image:url(images/md-documentation.gif); background-repeat:repeat-x;} a.mddocumentation:hover {background-position:0 -38px;} /* Rollover d'aide (définitions, explications etc.) */ #tooltip{position:absolute; display:none; width:250px; background-color:#fff6c3; border:1px solid #ffef9c; padding:3px; color:#000; font-size:90%; -moz-border-radius:5px; border-radius: 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px;} a.aide {display:block; width:13px; height:13px; background-image:url(images/aide.gif); background-repeat:repeat-x; margin-top:9px;} a.aide:hover {background-position:0 -13px;} /* Changement de couleur au rollover sur les liens colorés */ a.orange:hover {color:#6297BC;} a.bleu:hover {color:#fe690f;} /* Alignement */ .float-left {float:left;} .float-right {float:right;} .align-left {text-align:left;} .align-right {text-align:right;} .newsbox {margin:10px 10px 10px 80px; padding:0 0 0 5px; color:#4284B0;} /* couleurs de police et autres classes du même type */ .orange {color:#FE690F;} .bleu {color:#6297BC;} .noir {color:#000;} .capifonce {color:#009227;} /* Utilisé sur les H3 de MPL CAPI */ .green {color: #9EC630;} .top {display:block; height:260px; margin-bottom:10px; background:#89BEE3;} .topjaune {display:block; height:260px; margin-bottom:10px; background:#FECF0F;} .topviolet {display:block; height:260px; margin-bottom:10px; background:#B162BC;} .topvert {display:block; height:260px; margin-bottom:10px; background:#9EDE84;} .toporange {display:block; height:260px; margin-bottom:10px; background:#FE690F;} .topbleufonce {display:block; height:260px; margin-bottom:10px; background:#200FFE;} .toptangerine {display:block; height:260px; margin-bottom:10px; background:#FFAE3A;} .toprouge {display:block; height:260px; margin-bottom:10px; background:#E8223B;} /* Taille des textes */ .txt70 {font-size:70%;} .txt80 {font-size:80%;} .txt90 {font-size:90%;} .txt100 {font-size:100%;} .txt110 {font-size:110%;} .txt120 {font-size:120%;} .txt130 {font-size:130%;} .txt140 {font-size:140%;} .txt150 {font-size:150%;} .txt160 {font-size:160%;} .txt170 {font-size:170%;} .txt180 {font-size:180%;} .txt190 {font-size:190%;} .txt200 {font-size:200%;} /* Changement de couleur lorsu'on sélectionne des texte */ ::-moz-selection{ background: #FF9103; color:#fff;} ::selection { background:#FF9103; color:#fff; } /* Textes */ .gras {font-weight:bold;} .italique {font-style:italic;} .souligne {text-decoration:underline;} .justifie {text-align:justify;} /* Largeurs (pour que les tableaux soient valides XHTML Strict) */ .largeur25 {width:25px;} .largeur360 {width:360px;} /* Hauteurs (pour que les tableaux soient valides XHTML Strict) */ .hauteur10 {height:10px;} .hauteur170 {height:170px;} /* Listes */ ul.nopuce {list-style: none;} /* Puces en forme d'ampoule */ ul.ampoule li {list-style-image: url(/css/images/puce-ampoule.jpg); margin-bottom:4px;} li.ampoule {list-style-image: url(/css/images/puce-ampoule.jpg); margin-bottom:4px;} /* Puces en forme "Oui" */ ul.coche li, ul.avantage li {list-style-image: url(/css/images/puce-coche.gif); margin-bottom:4px;} li.coche, li.avantage {list-style-image: url(/css/images/puce-coche.gif); margin-bottom:4px;} /* Puces en forme "Non" */ ul.pascoche li, ul.inconvenient li {list-style-image: url(/css/images/puce-pascoche.gif); margin-bottom:4px;} li.pascoche, li.inconvenient {list-style-image: url(/css/images/puce-pascoche.gif); margin-bottom:4px;} /* Fin de BALISES ET GENERALITES */ /* II - ENTETE ET MENU HAUT --------------------------------------------------------------------------- */ #header {position:relative; height:85px;} #header {background: #FFF /*url(/IMG/headerbg.gif) repeat-x 0% 100% */;} #header h1#logo {position:absolute; margin:0; padding:0; font:bolder 3.9em 'Trebuchet MS', Arial, Sans-serif; letter-spacing:-2px; text-transform:lowercase; top:0; left:10px;} #header h2#slogan {position: absolute; top:44px; left:0; color:#666; text-indent:0; font:bold 16px Trebuchet, 'trebuchet MS', Sans-serif; text-transform:none;} /* Nouvelle barre de navigation */ #topnavigation {z-index:5; padding:0; margin:0; padding:6px 0 0; list-style-type:none; width:1000px; background-color: #FFF; position:absolute; width:1000px; height:21px;} #topnavigation li {margin-right:3px; float:left;} #topnavigation li a {color: #FFF; font-weight:bold; background-color:#80ADCE; padding:7px 12px; -moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } * html #topnavigation li a {height:15px;} *+html #topnavigation li a {height:15px;} #topnavigation li a:hover {background-color:#FE690F;} #topnavigation li.accueil a {background-color:#FE690F;} #topnavigation li.clignote a {background-color:#6EAA25;} #topnavigation li ul.topsousmenu {display:none; position:absolute; margin:7px 0 0 0; padding:0; list-style-type:none; width:315px; background-color:#FE690F; border:2px solid #FE690F; -moz-border-radius:0 10px 10px 13px; -khtml-border-radius:0 10px 10px 13px; -webkit-border-radius:0 10px 10px 13px; border-radius:0 10px 10px 13px;} #topnavigation li:hover ul.topsousmenu {display:block;} #topnavigation li ul li.topsousmenubg {margin:5px 0 5px 5px; width:300px; background: #FFF; padding:0 5px 5px 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #topnavigation li ul li.topsousmenubg a.topsousmenugauche {float:left; width:100px; margin-right:17px; background:none; color:grey; font-size:120%;} #topnavigation li ul li.topsousmenubg a.topsousmenugauche:hover {text-decoration:none;} #topnavigation li ul li.topsousmenubg ul {display:block; float:right; padding:0; margin:0; width:155px;} /* Liste qui apparait sur l'image aux bords arrondis dans la barre de nav */ #topnavigation li ul li.topsousmenubg ul.puces {margin-top:-70px; _margin-top:0px; z-index:999; position: absolute;} #topnavigation li ul li.topsousmenubg ul.puces li {margin-left:120px; line-height:1.0em; width:200px;} #topnavigation li ul li.topsousmenubg ul li {/*list-style-type:none;*/ margin:7px 0 0; padding:0; float:left; clear:both;} #topnavigation li ul li.topsousmenubg ul li a {background:none; color:#8ab2cc; -moz-border-radius:0; padding:0; text-decoration:underline;} #topnavigation li ul li.topsousmenubg ul li a:hover {color:#FE690F} #triche {display:block; width:100%; background-color:#fe690f; height:32px; margin-top:0;} /* Nouvelles bannières "Produits" avec les boutons en CSS */ #banniere-produit {width:1000px; height:180px; background-image:url(/IMG/mh-livret-epargne.jpg); background-repeat:no-repeat; position:relative; padding-bottom:12px;} #banniere-produit.epargne24 {background-image:url(/IMG/mh-compte-a-terme-24.jpg);} #banniere-produit.epargne36 {background-image:url(/IMG/mh-compte-a-terme-36.jpg);} #banniere-produit.madelin {background-image:url(/IMG/mh-madelin.jpg);} #banniere-produit.madelintrait {background-image: url(../IMG/MH-madelin-trait.jpg);} #banniere-produit.mpl {background-image:url(/IMG/mh-mpl.jpg);} #banniere-produit.mplcapi {background-image:url(/IMG/mh-mplcapi.jpg);} #banniere-produit.mplcapipea {background-image:url(/IMG/mh-mplcapipea.jpg);} /* Boutons et textes à droite de la bannière */ #banniere-produit p {position:absolute; margin:0; padding:0; font-family:arial; font-weight:bold; left:785px; font-size:110%;} #banniere-produit p.blanc {color:#FFF;} #banniere-produit p.noir {color:#000;} #banniere-produit p.haut {top:15px;} #banniere-produit p.bas {top:90px;} #banniere-produit a {display:block; position:absolute; width:227px; height:54px; background-repeat:no-repeat; right:-1px;} #banniere-produit a:hover {background-position:0 -54px;} #banniere-produit a.documentation {background-image:url(/css/images/btn-recevoir-documentation.png); top:35px;} #banniere-produit a.souscrire {background-image:url(/css/images/btn-souscrire.png); top:110px;} #banniere-produit a.transferezmadelin {background-image:url(/css/images/btn-transferezmadelin.png); top:110px;} #banniere-produit a.inscription {background-image:url(/css/images/btn-inscription.png); top:35px;} /* Animation entête */ .animation {position:relative;overflow:hidden;width:1020px;height:180px; margin:200px 0 0 50px;} .animation .animation-main {position:absolute; left:0; top:0; width:797px; height:180px;} .animation .animation-secondaire {position:absolute; left:797px; top:0; right:0; width:126px; height:308px;} .animation .animation-tertiaire {left:906px;} .animation li.slide {position:absolute; top:0; left:0;} .animation li.slide a.main {width:797px; height:180px;} .animation li.slide a.secondaire {width:180px; height:180px;} #sitemessage {color:rgb(234,239,247);} #sitemessage.CapiPea {color:rgb(234,239,247);} #sitemessage h2 {color:#FFF;} #sitemessage h3 {color:#FFF;} #sitemessage h3 a {color:#fe690f;} #sitemessage h3 a:hover {color:#fe8d48; text-decoration: underline;} #sitemessage h3.homehead {color:#FFF;} #sitemessage h3.homehead a {color:#FFF;} #sitemessage h3.homehead a:hover {color:#6297BC; text-decoration:underline;} #piczone {border:none; background-repeat:no-repeat; min-height:220px;height: 220px; margin:0; position:relative;} #piczone {background-image:url(/IMG/headerphoto.jpg);} #piczone.vol {background-image:url(/IMG/piczonebis-copie.jpg);} #piczone.vol2 {background-image:url(/IMG/piczonebis-copie-2.jpg);} #piczone.vol3 {background-image:url(/IMG/piczonebis-copie-3.jpg);} #piczone.vol4 {background-image:url(/IMG/piczonebis-copie-4.jpg);} #piczone.vol5 {background-image:url(/IMG/piczonebis-copie-5.jpg);} #piczone.vol6 {background-image:url(/IMG/piczonebis-copie-6.jpg);} #piczone6 {background-image:url(/IMG/piczonebis-copie-5.jpg);} #piczone6 {border:none; background-repeat:no-repeat; min-height:220px; height:220px; margin:0; position:relative;} #piczoneMPV {border:none; background-repeat:no-repeat; min-height:220px; height:220px; margin:0; position:relative;} #piczoneMPV {background-image:url(/IMG/piczonebis-copie-6.jpg);} #piczonehome {border:none; background-repeat:no-repeat; min-height:220px; height:220px; margin:0; position:relative;} #piczonehome {background-image: url(/IMG/piczonebis-copie-home.jpg);} #piczoneMPL2 {border:none; background-repeat:no-repeat; min-height:220px;height: 220px; margin:0; position:relative;} #piczoneMPL2 {background-image: url(/IMG/piczone-mpl-anime.gif);} #piczoneMPLCapitalisation {border:none; background-repeat:no-repeat; min-height:220px; height:220px; margin:0; position:relative;} #piczoneMPLCapitalisation {background-image:url(/IMG/piczone-MPL-capi.jpg);} #piczonebis {background-image:url(/IMG/headerphoto.jpg);} #jquerypiczone {border:none; min-height:220px; height:220px; margin:0; position:relative;} #gauchedanspiczone ul.listblanc {color:#FFF;} #gauchedanspiczone ul.badlyorganizedandfriggingrude { color:#FFF; list-style:none; margin:-2px 0 10px 10px;} #gauchedanspiczone ul.badlyorganizedandfriggingrudejerks { color:#FFF; list-style:none; font-size:12px; } #collignon {float:left; background:#CCC;margin-right:1em;} #collignon img{margin:.5em;} #collignon p{margin:0 .5em;padding:0;} /* Voir les classes associées dans p-variable.css */ #sitemessage {width:450px; height:120px; z-index:1; margin:0px 0 0 539px;padding-top:30px; /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;} #droitdanspiczone {width:225px; height:220px; z-index:1; margin:0; float:right; padding:0; /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/; color:#FFF; background:#FFF; opacity:0.4; filter:alpha(opacity=40); -moz-border-radius-topleft:25px; -webkit-border-top-left-radius:25px; } #droitdanspiczonetexte {width:225px; height:220px; z-index:1; margin:0; padding:0; top:0; right:0; position:absolute; /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/; color:#FFF;} #droitdanspiczonetexte h1 {text-align:center; color:#FFF; font-size:1.7em; margin:15px 10px; filter:none; -moz-opacity:none; -khtml-opacity:none; opacity:none;} #droitdanspiczonetexte h3 {text-align:center; color:#FFF; filter:none; -moz-opacity:none; -khtml-opacity:none; opacity:none;} #droitdanspiczonetexte h3 a {text-decoration:none; color: #FFF; filter: none; -moz-opacity:none; -khtml-opacity: none; opacity: none;} #droitdanspiczonetexte h3 a:hover {text-decoration: underline; color: #FFF; filter: none; -moz-opacity:none; -khtml-opacity: none; opacity: none;} #droitdanspiczonetexte h3.homehead {margin:0px 0 0 15px; text-align:left; font-size:100%;color: #FFF; filter: none; -moz-opacity:none; -khtml-opacity: none; opacity: none; } #gauchedanspiczone {width:745px; z-index:2; margin:0; padding:0; float:left; color:#FFF;} #gauchedanspiczone p {margin:0; padding:10px;} #gauchedanspiczone ul {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.3em; margin:5px 15px 10px 15px; } #gauchedanspiczone h1 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:2.1em; color:#FFF; margin:15px 15px 10px 15px; padding:0;} #nav0 {width:550px; position:absolute; z-index:2; margin:6px 0 0 480px; color:#3366CC;} #nav0 ul {float:right; padding:0 30px 0 0;} #nav0 li {display:inline; list-style:none; padding:0 0 0 15px;} #nav0 li a {text-decoration:none; padding:0 0 0 3px; color:#3366CC; font-size:100%; font-weight:bold;} #nav0 a:hover {text-decoration: underline; color:#fe690f;} #nav0 li img { border:none;} #telephonenav {/*width:550px;*/ position:absolute; z-index:1000; margin:46px 0 0 690px;} .flashy {width:485px; height:100px; position:absolute; z-index:10; margin:15px 0 0 20px; /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;} .Longflashy {width:695px; height:100px; position:absolute; z-index:10; margin:25px 0 0 10px; /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;} /* Fin de ENTETE ET MENU HAUT */ /* III - MENU GAUCHE ------------------------------------------------------------------------------------ */ /* Menu gauche normal */ #sidebar {float:left; width:185px; margin:0; padding:0; display:inline; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0;} #sidebar h3 {padding:2px 0 2px 6px; margin:0 0 5px 5px; margin-bottom:5px; background:#207cc9; font-family:Arial, Helvetica, sans-serif; font-size:14px;} #sidebar h3 a {color:#FFF;} #sidebar ul {list-style:none; margin:0 0 0 3px; padding:0;} #sidebar ul li {margin-bottom:1px; list-style:none; border-bottom:1px #CCC solid;} #sidebar ul li a:before {content: "• ";} #sidebar ul li a {display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; min-height:18px; height: 18px; color:#6297BC;} #sidebar ul li a:hover {background:#207CC9; color: #FFF;} #sidebar ul li a.mgcurrent {color:#fe690f; background: #F2F2F2;} /* Menu gauche de l'accès client */ #sidebaraccesclient {float:left; width:185px; margin:0 -5px 0 5px; padding:0; display:inline; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0;} #sidebaraccesclient ul {list-style:none; margin:0 0 0 3px; padding:0;} #sidebaraccesclient ul li {list-style:none;} #sidebaraccesclient ul li a {display:block; background-image:url(images/mg-acces-client-bg.jpg); background-repeat:no-repeat; width:167px; height:24px; margin-bottom:5px; font-weight:bold; text-decoration:none; padding:9px 0 0 14px; color: #FFF;} #sidebaraccesclient ul li a:hover {background-position:0 -33px; padding-left:4px !important; padding-right:10px !important;} #sidebaraccesclient ul li a.mgcurrent {display:block; background-image:url(images/mg-acces-client-bg.jpg); background-position:0 -33px; padding-left:4px !important; padding-right:10px !important;} /* ---------------- Pour les pages MPL CAPI -----------------------------*/ #content-wrap.capi #main h1 {color:#009227;}/*--- couleur foncée --*/ #content-wrap.capi p a {color:#009227; text-decoration:underline;} /*--- couleur foncée --*/ #content-wrap.capi p a:hover {color:#26ba4d; text-decoration:underline;} /*--- couleur claire --*/ #content-wrap.capi .niceblue {color:#009227;} /*--- couleur foncée --*/ /* Pages MPL CAPI - menu gauche*/ #content-wrap.capi #sidebar #collapse h3 {padding:2px 0 2px 6px; margin:0 0 5px 5px; margin-bottom:5px; background:#6EAA25; font-family:Arial, Helvetica, sans-serif; font-size:14px;}/*--- couleur foncée --*/ #content-wrap.capi #sidebar #collapse ul li a:hover {background:#4FBF17; color: #FFF;} #content-wrap.capi #sidebar ul li a:hover {background:#26ba4d; color:white;} /*--- couleur claire --*/ #content-wrap.capi #sidebar a { text-decoration:none;} #content-wrap.capi #sidebar h3 a {color:#FFF;} #content-wrap.capi #sidebar ul li a {display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; min-height:18px; height: 18px; color:#009227;} #content-wrap.capi #sidebar ul li a.mgcurrent {color:#fe690f; background: #F2F2F2;} /* Pages MPL CAPI - info sup*/ #content-wrap.capi tr.infosuptableautop {height:32px; background-image:url(images/MD-infosup-bg-top-capi.gif); background-repeat:no-repeat;} #content-wrap.capi tr.infosuptableaumiddle {background-image:url(images/MD-infosup-bg-middle-mpv.gif); background-repeat:repeat-y;} #content-wrap.capi tr.infosuptableaumiddle a {float:left; background-image: url(images/MD-infosup-bg-lien-capi.gif); margin:0 2px; padding:3px 15px 3px 5px; width:184px; height:32px; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; font-family:verdana; color:#009227;} #content-wrap.capi tr.infosuptableaumiddle a:hover {background-position:0 -38px; color: #FFF; text-decoration:none;} #content-wrap.capi tr.infosuptableaubottom {height:16px; background-image:url(images/MD-infosup-bg-bottom-mpv.gif); background-repeat:no-repeat;} #content-wrap.capi .opportunite2010{display:block; text-align:center; border-bottom:1px solid #F2F2F2; background:#009227; padding:10px 0 10px 0; margin:0px 0 10px 0; color:#fff; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color:#fff; line-height:1.3em;}< /* Pages MPL CAPI - onglets navigations secondaire*/ #content-wrap.capi .ui-tabs .ui-tabs-nav li {background-color:#009227;} /*--- couleur foncée --*/ #content-wrap.capi .ui-tabs .ui-tabs-nav li a { color:#FFF; text-decoration:none;} #content-wrap.capi .ui-tabs .ui-tabs-nav li:hover {background-color:#26ba4d;} /*--- couleur claire --*/ #content-wrap.capi .ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-color:#6EAA25; -background-image:url(images/bg-li-ie6-off.gif); -background-repeat:repeat; -color:white} #content-wrap.capi .c1Blue {color:#009227;} #content-wrap.capi blockquote {margin:15px; padding:0 0 0 20px; background:#FAFAFA; border:1px solid #F2F2F2; border-left:4px solid #009227; color: #009227; font:bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;} #content-wrap.capi a.bouton {background-image:url(images/boutons-buttonwrapper-capi.gif); background-repeat:repeat-x; display:block; color:white !important; border:1px solid #666666; font-weight:bold; text-decoration:none; padding:7px 9px 7px; font:bold 10pt Arial; float:left; -moz-border-radius:5px; border-radius: 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px;} /* ------------------ Pour les pages MPL CAPI PEA --------------------------- */ #content-wrap.capipea #sidebar #collapse h3 {padding:2px 0 2px 6px; margin:0px0 5px 5px; margin-bottom:5px; background:#51367F; font-family:Arial, Helvetica, sans-serif; font-size:14px;} #content-wrap.capipea #sidebar #collapse ul li a:hover {background:#695D7F; color: #FFF;} #content-wrap.capipea h1 {color:#51367F;} /*--- couleur foncée --*/ #content-wrap.capipea .niceblue {color:#51367F;} /*--- couleur foncée --*/ #content-wrap.capipea a {color:#51367F; text-decoration:underline;} /*--- couleur foncée --*/ #content-wrap.capipea a:hover {color:#695D7F; text-decoration:underline;} /*--- couleur claire --*/ /* onglets navigations secondaire*/ #content-wrap.capipea .ui-tabs .ui-tabs-nav li {background-color:#51367f;} /*--- couleur foncée --*/ #content-wrap.capipea .ui-tabs .ui-tabs-nav li a { color:#FFF; text-decoration:none;} #content-wrap.capipea .ui-tabs .ui-tabs-nav li:hover {background-color:#84759f;} /*--- couleur claire --*/ #content-wrap.capipea .ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-color:#51367f; -background-image:url(images/bg-li-ie6-off.gif); -background-repeat:repeat; -color:white} /* menu gauche*/ #content-wrap.capipea #sidebar h3 {padding:2px 0 2px 6px; margin:0px0 5px 5px; margin-bottom:5px; background:#51367F; font-family:Arial, Helvetica, sans-serif; font-size:14px;} /*--- couleur foncée --*/ #content-wrap.capipea #sidebar ul li a:hover {background:#26ba4d; color: #FFF;} /*--- couleur claire --*/ #content-wrap.capipea #sidebar a { text-decoration:none;} #content-wrap.capipea #sidebar h3 a {color:#FFF;} #content-wrap.capipea .c1Blue {color:#51367F;} #content-wrap.capipea blockquote {margin:15px; padding:0 0 0 20px; background:#FAFAFA; border:1px solid #F2F2F2; border-left:4px solid #5890ae; color: #51367F; font:bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;} /* info sup*/ #content-wrap.capipea tr.infosuptableautop {height:32px; background-image:url(images/MD-infosup-bg-top-capi.gif); background-repeat:no-repeat;} #content-wrap.capipea tr.infosuptableaumiddle {background-image:url(images/MD-infosup-bg-middle-mpv.gif); background-repeat:repeat-y;} #content-wrap.capipea tr.infosuptableaumiddle a {float:left; background-image: url(images/MD-infosup-bg-lien-capi.gif); margin:0 2px; padding:3px 15px 3px 5px; width:184px; height:32px; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; font-family:verdana; color:#5890ae;} #content-wrap.capipea tr.infosuptableaumiddle a:hover {background-position:0 -38px; color: #FFF; text-decoration:none;} #content-wrap.capipea tr.infosuptableaubottom {height:16px; background-image:url(images/MD-infosup-bg-bottom-mpv.gif); background-repeat:no-repeat;} #content-wrap.capipea .opportunite2010{display:block; text-align:center; border-bottom:1px solid #F2F2F2; background:#5890ae; padding:10px 0; margin:0 0 10px; color:#fff; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color:#fff; line-height:1.3em;} /* ------------------ Pour les pages MADELIN ------------------------------------ */ #content-wrap.madelin a {color:#00557b; text-decoration:underline;} /*--- couleur foncée --*/ #content-wrap.madelin a:hover {color:#287fa7; text-decoration:underline;} /*--- couleur claire --*/ #content-wrap.madelin h1 {color:#00557b;} #content-wrap.madelin h2 {font-size:1.4em; text-transform: none; margin:10px 15px; color: #fe690f;} #content-wrap.madelin h4 {font:1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold; font-size:1.2em; margin:15px 15px 10px; color:#333;} #content-wrap.madelin .ui-tabs .ui-tabs-nav li {background-color:#00557b;} /*--- couleur foncée --*/ #content-wrap.madelin .ui-tabs .ui-tabs-nav li a { color:#FFF; text-decoration:none;} #content-wrap.madelin .ui-tabs .ui-tabs-nav li:hover {background-color:#287fa7;} /*--- couleur claire --*/ #content-wrap.madelin #sidebar h3 {padding:2px 0 2px 6px; margin:0px 0 5px 5px; margin-bottom:5px; background:#00557b; font-family:Arial, Helvetica, sans-serif; font-size:14px;} /*--- couleur foncée --*/ #content-wrap.madelin #sidebar ul li a:hover {background:#287fa7; color: #FFF;} /*--- couleur claire --*/ #content-wrap.madelin #sidebar a { text-decoration:none;} #content-wrap.madelin #sidebar h3 a {color:#FFF;} #content-wrap.madelin .c1Blue {color:#00557b;}/*--- couleur foncée --*/ #content-wrap.madelin .niceblue {color:#00557b;}/*--- couleur foncée --*/ #content-wrap.madelin blockquote {margin:15px; padding:0 0 0 20px; background:#FAFAFA; border:1px solid #F2F2F2; border-left:4px solid #009227; color: #00557b; font:bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;} #content-wrap.madelin a.bouton {background-image:url(images/boutons-buttonwrapper-madelin.gif); background-repeat:repeat-x; display:block; color: #FFF !important; border:1px solid #666666; font-weight:bold; text-decoration:none; padding:7px 9px 7px; font:bold 10pt Arial; float:left; -moz-border-radius:5px; border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px;} #content-wrap.madelin tr.infosuptableautop {height:32px; background-image:url(images/MD-infosup-bg-madelin.jpg); background-repeat:no-repeat;} #content-wrap.madelin tr.infosuptableaumiddle {background-image:url(images/MD-infosup-bg-middle-mpv.gif); background-repeat:repeat-y;} #content-wrap.madelin tr.infosuptableaumiddle a {float:left; background-image: url(images/MD-infosup-bg-lien-madelin.jpg); margin:0 2px; padding:3px 15px 3px 5px; width:184px; height:32px; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; font-family:verdana; color:#5890ae;} #content-wrap.madelin tr.infosuptableaumiddle a:hover {background-position:0 -38px; color: #FFF; text-decoration:none;} #content-wrap.madelin tr.infosuptableaubottom {height:16px; background-image:url(images/MD-infosup-bg-bottom-mpv.gif); background-repeat:no-repeat;} #content-wrap.madelin .opportunite2010{display:block; text-align:center; border-bottom:1px solid #F2F2F2; background:#009227; padding:10px 0 10px 0; margin:0px 0 10px 0; color:#fff; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color:#fff; line-height:1.3em;} #infosupcontenu.madelininfosup h1 {color:#FB8420; font-size:150%; font-family:arial; font-weight:bold; margin:5px 0 15px;} #content-wrap.madelin #main li { text-align:justify;} /* ------------------ Pour les pages LIVRET EPARGNE ------------------------------------ */ #content-wrap.epargne h1 {color:#878787;} /*--- couleur foncée --*/ #content-wrap.epargne .niceblue {color:#878787;} /*--- couleur foncée --*/ #content-wrap.epargne a {color:#878787; text-decoration:underline;} /*--- couleur foncée --*/ #content-wrap.epargne a:hover {color:#878787; text-decoration:underline;} /*--- couleur claire --*/ #content-wrap.epargne h2 {font-size:1.4em; text-transform: none; margin:10px 15px;} #content-wrap.epargne h3 {font-size:1.3em; margin:15px 15px 10px; color:#878787;} #content-wrap.epargne h4 {font:1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold; font-size:1.2em; margin:15px 15px 10px; color:#333;} #content-wrap.epargne .ui-tabs .ui-tabs-nav li {background-color:#A5A5A5;} /*--- couleur foncée --*/ #content-wrap.epargne .ui-tabs .ui-tabs-nav li a { color:#FFF; text-decoration:none;} #content-wrap.epargne .ui-tabs .ui-tabs-nav li:hover {background-color:#878787;} /*--- couleur claire --*/ #content-wrap.epargne #sidebar h3 {padding:2px 0 2px 6px; margin:0px 0 5px 5px; margin-bottom:5px; background:#878787; font-family:Arial, Helvetica, sans-serif; font-size:14px;} /*--- couleur foncée --*/ #content-wrap.epargne #sidebar ul li a:hover {background:#FE690F; color: #FFF;} /*--- couleur claire --*/ #content-wrap.epargne #sidebar a { text-decoration:none;} #content-wrap.epargne #sidebar h3 a {color:#FFF;} #content-wrap.epargne .c1Blue {color:#878787;} #content-wrap.epargne blockquote {margin:15px; padding:0 0 0 20px; background:#FAFAFA; border:1px solid #F2F2F2; border-left:4px solid #009227; color: #878787; font:bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;} #content-wrap.epargne a.bouton {background-image:url(images/boutons-buttonwrapper-madelin.gif); background-repeat:repeat-x; display:block; color: #FFF !important; border:1px solid #666666; font-weight:bold; text-decoration:none; padding:7px 9px 7px; font:bold 10pt Arial; float:left; -moz-border-radius:5px; border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px;} #content-wrap.epargne tr.infosuptableautop {height:32px; background-image:url(images/MD-infosup-bg-epargne.jpg); background-repeat:no-repeat;} #content-wrap.epargne tr.infosuptableaumiddle {background-image:url(images/MD-infosup-bg-middle-mpv.gif); background-repeat:repeat-y;} #content-wrap.epargne tr.infosuptableaumiddle a {float:left; background-image: url(images/MD-infosup-bg-lien-epargne.jpg); margin:0 2px; padding:3px 15px 3px 5px; width:184px; height:32px; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; font-family:verdana; color:#5890ae;} #content-wrap.epargne tr.infosuptableaumiddle a:hover {background-position:0 -38px; color: #FFF; text-decoration:none;} #content-wrap.epargne tr.infosuptableaubottom {height:16px; background-image:url(images/MD-infosup-bg-bottom-mpv.gif); background-repeat:no-repeat;} #content-wrap.epargne .opportunite2010{display:block; text-align:center; border-bottom:1px solid #F2F2F2; background:#009227; padding:10px 0 10px 0; margin:0px 0 10px 0; color:#fff; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color:#fff; line-height:1.3em;} /*---------------------- fin contenu couleurs differentes ----------------------------------------*/ /* Fin de MENU GAUCHE */ /* IV - CORPS ---------------------------------------------------------------------------------------------- */ /* Message d'alerte 'PopIn' (réunions d'informations, informations très importante) */ #lightbox {display:block; position:fixed; z-index:10000; width:100%; height:100%; background:url(images/opacity-black-80.png); background-repeat:repeat;} #lightboxmessage {width:500px; height:400px; margin:150px auto 0; background-color:#EFE3C2;} #lightboxfermer {float:right; margin:10px 10px 0 0;} #lightboxvoeux {float:right; margin:-28px 10px 0 0;} /* Nouvelle page d'accueil */ #homeaccroche {float:left; background-image:url(images/hp-bulle-maxi-bg.gif); background-repeat:no-repeat; width:743px; height:69px; margin-bottom:15px;} .homebox {position:relative; width:350px; height:160px; background-color:#FAFAFA; border:1px solid #207CC9; -moz-border-radius:5px; border-radius: 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px;} div.madelin { border-color:#00557B; } div h3.madelin {background-color:#00557B !important; } .homebox a.ensavoirplusmadelin {background-position:0 -15px; float:left; width:93px; height:15px; background-image:url(/css/images/hp-en-savoir-plus-madelin.gif); background-repeat:no-repeat; display:block; margin:0 10px 0 0; float:right;} .homebox a.ensavoirplusmadelin:hover {background-position:0 0;} .homebox:hover .homeboxpicto {background-color:#95CF74;} .homebox:hover {border-width:3px; margin:-2px 0 0 -2px;} .homebox .homeboxcorne {background-image:url(images/hp-corne-bgbleu.gif); background-repeat:no-repeat; width:9px; height:39px; margin:7px 0 0 -9px; position:absolute;} * html .homebox .homeboxcorne {display:none;} *+html .homebox .homeboxcorne {display:none;} .homebox .homeboxcornemadelin {background-image:url(images/hp-corne-madelin.gif); background-repeat:no-repeat; width:9px; height:39px; margin:7px 0 0 -9px; position:absolute;} * html .homebox .homeboxcornemadelin {display:none;} *+html .homebox .homeboxcornemadelin {display:none;} .homebox .homeboxcorneorange {background-image:url(images/hp-corne-bgorange.gif);} .homebox h3 {float:left; background-color:#207CC9; margin:8px 8px 0 0; padding:2px 6px; border-bottom:1px solid black; border-right:1px solid black;font-family:myriad pro, arial; font-size:160%; color: #FFF;} .homebox h3.homeboxbgorange {background-color:#FE690F;} .homebox p {clear:both; margin:15px 10px 10px; width:233px;} .homebox p.large {width:330px;} .homeboxlien {margin-left:10px; text-decoration:underline;} .homeboxpicto {position:absolute; width:96px; height:82px; bottom:0; right:0; background-color: #FFF;} .homeboxpicto a {z-index:10; width:96px; height:82px; display:block;} .homeboxpictoprotection {cursor:pointer; z-index:15; position:absolute; background-image:url(images/vide.gif); width:96px; height:82px; } /* Encore + nouvelle page d'accueil */ a.pave1 {float:left; width:250px; height:113px; margin-right:9px; background-image:url(images/hp-pave-1.jpg); background-repeat:no-repeat; display:block;} a.pave1:hover {background-position:0 -113px;} a.pave2 {float:left; width:250px; height:113px; margin-right:9px; background-image:url(images/hp-pave-2.jpg); background-repeat:no-repeat; display:block;} a.pave2:hover {background-position:0 -113px;} a.pave3 {float:left; width:250px; height:113px; background-image:url(images/hp-pave-3.jpg); background-repeat:no-repeat; display:block;} a.pave3:hover {background-position:0 -113px;} /* page d'accueil Madelin */ a.pave1madelin {float:left; width:250px; height:113px; margin-right:9px; background-image:url(images/hp-pave-madelin-1.gif); background-repeat:no-repeat; display:block;} a.pave1madelin:hover {background-position:0 -113px;} a.pave2madelin {float:left; width:250px; height:113px; margin-right:9px; background-image:url(images/hp-pave-madelin-2.gif); background-repeat:no-repeat; display:block;} a.pave2madelin:hover {background-position:0 -113px;} a.pave3madelin {float:left; width:250px; height:113px; background-image:url(images/hp-pave-madelin-3.gif); background-repeat:no-repeat; display:block;} a.pave3madelin:hover {background-position:0 -113px;} #rightbar a.btn1 {float:right; width:215px; height:37px; background-image:url(images/hp-btn-1.gif); background-repeat:no-repeat; display:block; margin:6px 0 5px;} #rightbar a.btn1:hover {background-position:0 -38px;} #rightbar a.btn2 {float:right; width:215px; height:37px; background-image:url(images/hp-btn-2.gif); background-repeat:no-repeat; display:block;} #rightbar a.btn2:hover {background-position:0 -38px;} .homebox img {margin:7px 0 6px 6px;} .homebox:hover {margin:0;} .homebox a.ensavoirplus {background-position:0 -15px; float:left; width:93px; height:15px; background-image:url(/css/images/hp-en-savoir-plus.gif); background-repeat:no-repeat; display:block; margin:0 10px 0 0; float:right;} .homebox a.ensavoirplus:hover {background-position:0 0;} .homebox ul {margin:5px 0 0 15px; color:#000;} #footer1 ul li a {color:#525252;} .slideshow {width:100%; margin:auto;} .slideshow img {padding:0; border:none;} /* Page d'accueil */ /* Boîtes */ #zonedaccroche {margin:0px 5px 10px; border:1px solid #CCC; text-align:left; padding:0.3em 0.3em; display:block; background-color:#fafafa; text-align:left;} #HomeBox {margin:15px 15px 15px 15px; border: 1px solid #e2e2e2;text-align:left; padding:0.3em 0.3em ; display:block; background-color:#fafafa;} #HomeBoxlessMargin {margin:5px 5px 15px ; border:1px solid #e2e2e2; text-align:left; padding:0.3em 0.3em; display:block; background-color:#fafafa; font-style:normal; } .boiteaccueilMPL {margin:0px0 10px 0px; border:1px solid #e2e2e2; text-align:left; padding:0.3em 0.3em; display:block; background:url(/IMG/accueil-mpl.gif)50% 50% no-repeat; background-color:#fafafa;} #halfBoxR {float:right; display:block;margin:0 5px 0 0; width:47%; background-color:#fafafa; border:1px solid #CCC;} #halfBoxR img.vide {clear:both; border:none; margin:0 0 0 25px; padding:0;} #halfBoxR p {text-align:left; margin:2px 10px; padding:0;} #halfBoxR img, #halfBoxL img {float:left; margin:45px 15px 15px; border:1px solid #e2e2e2;} #halfBoxR h1, #halfBoxL h1 {margin:8px 10px 10px 145px; } .halfBoxR {float:right; display:block;margin:0 5px 0 0; width:47%; background-color:#fafafa; border:1px solid #CCC;} /* Classe créée car il y en a plusieurs sur la page d'accueil */ .halfBoxR img.vide {clear:both; border:none; margin:0 0 0 25px; padding:0;} .halfBoxR p {text-align:left; margin:2px 10px; padding:0;} .halfBoxR img, #halfBoxL img {float:left; margin:45px 15px 15px 15px; border:1px solid #e2e2e2;} .halfBoxR h1, #halfBoxL h1 {margin:8px 10px 10px 145px; } #halfBoxL {float:left; display:block; margin:0 0 0 5px; width:47%; background-color:#fafafa; border:1px solid #CCC;} #halfBoxL img.rien {clear:both; border:none; margin:0 10px 0 25px; padding:0; } #halfBoxL p {text-align:left; margin:2px 10px; padding:0;} .halfBoxL {float:left; display:block; margin:0 0 0 5px; width:47%; background-color:#fafafa; border:1px solid #CCC;} /* Classe créée car il y en a plusieurs sur la page d'accueil */ .halfBoxL img.rien {clear:both; border:none; margin:0 10px 0 25px; padding:0; } .halfBoxL p {text-align:left; margin:2px 10px; padding:0;} .halfBoxL h1 {margin:8px 10px 10px 145px;} .halfBoxL img {float:left; margin:45px 15px 15px 15px; margin:25px 15px 15px 15px; border:1px solid #e2e2e2;} /* Formulaires */ .formulairebox {position:relative; float:left; width:400px; border:3px solid #207CC9; margin:8px auto 10px; background-color:#FAFAFA; -moz-border-radius:5px; border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} .formulairebox p {clear:both; margin:15px 10px 10px; width:380px;} .formulairebox table {margin:0 auto;} .formulairebox table td {padding-bottom:8px;} .formulairebox form {background-color:none; border:0; margin:0; padding:0;} .formulairebox table td.titrechamps {text-align:right; font-size:120%; font-weight:bold; text-align:right; font-family:arial; color:#000;} .formulairebox table td input {padding:0 5px; height:18px; -moz-border-radius:5px; border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} .formulairebox table td input.facultatif {border-style:dashed;} .formulairebox table td label {display:inline;} .formulairebox table td label.facultatif {color:#4F4F4F !important; font-weight:normal !important;} .formulairebox table td input.valider {height:auto; font-weight:bold; color: #FFF; background-color:#FE8D47; padding:3px 6px; border:2px solid black; font-size:120%; margin-top:10px; cursor:pointer; font:bold 'Trebuchet MS',Arial,Sans-serif;} .formulairebox table td input.valider:hover {background-color:#207CC9;} form input {padding:0 5px; height:18px; -moz-border-radius:5px; border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} form input.valider {height:auto; font-weight:bold; color: #FFF; background-color:#FE8D47; padding:3px 6px; border:2px solid black; font-size:120%; margin-top:10px; cursor:pointer; font:bold 'Trebuchet MS',Arial,Sans-serif;} form input.valider:hover {background-color:#207CC9;} #contactform {margin:0; padding:5px 10px; width:500px;} #contactform * {color:#6297BC;} #contactform form {margin:0; padding:0; border:1px solid #CCC; background-color:#FAFAFA;} #contactform label {display:block; font-weight:bold; margin:5px 10px;} #contactform input {margin:3px; padding: 2px; border:1px solid #CCC; font:normal 1em Verdana, sans-serif;} #contactform select {margin:3px; padding: 2px; border:1px solid #CCC; font:normal 1em Verdana, sans-serif;} #contactform textarea {border:1px solid #4b4b4b; margin:3px; padding:2px; background:#F2F2F2;} #contactform input.button {margin: 0;font: bold 1em Arial, Sans-serif; border:1px solid #CCC; background:#FFF; padding:2px 3px; color:#4284B0;} .mscontact td {padding:10px 10px0 10px;} p.response {text-align:center; color:#666; font:normal 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;} /* newsletter inscription */ #newsletter {width:255px; margin:0 15px 0 15px !important; margin:0 15px; padding:0 0 20px 0; float:left; background:#fff; /*border: 1px solid #CCC;*/ font-size:11px; font-weight:bold;} #newsletter label {width:4em; float:left; text-align:right; margin-right:0.5em; display:block} #newsletter .submit input {margin-left:4.5em;} #newsletterinput {color:#781351; background:#fee3ad; border:1px solid #781351} #newsletter.submit input {color:#000; background:#ffa20f; border:2px outset #d7b9c9} #newsletter a {color:#6297BC;white-space:nowrap; width:auto; line-height:1.9em; } #newsletter a:hover {color:#fe690f;text-decoration: underline;} #inputArea {float: left; width:225px; margin:0 15px 0 15px !important; margin:0 10px; font-family:Arial, Sans-Serif; font-size:13px; background:#e0f2ff url(/IMG/actu.gif) no-repeat top right; padding:10px; border:1px solid #6297BC;} #inputArea input, #inputArea textarea {font-family: Arial, Sans-Serif; font-size:13px; margin-bottom:5px; display:block; padding:4px; width:210px;} .activeField {background-image:none; background-color:#FFF; border:solid 1px #33677F;} .idle {border:solid 1px #85b1de; background-image:url( 'blue_bg.png' ); background-repeat:repeat-x; background-position:top;} input.bouton {width:70px; color:#666; font: bold 84% 'trebuchet ms',helvetica,sans-serif; /*background-color:#fed; */ border:1px solid; border-color:#6297BC; filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#FFFff',EndColorStr='#6297BC');} button {color:#6297BC; border:1px solid #6297BC; font-weight:bold; padding:0.3em; margin:5px 0 0 0;} .btnExample {color:#6297BC; background:#F2F2F2; font-weight:bold; border:1px solid #6297BC;} .btnExample:hover {color:#FFF; background: #6297BC;} .btnExample:hover {cursor: pointer; /* cursor: hand; for IE5 */} /* Simulateur d'épargne */ #simulateurbox {position:relative; width:785px;} #simulateurbox #cachetitre {position:absolute; z-index:20; right:35px; top:0; background-color: #FFF; width:750px; height:40px;} #simulateurbox #cacheimprimer {position:absolute; z-index:20; left:590px; top:446px; background-color:#F7F5F5; width:80px; height:20px;} /* Tableaux comparatifs */ .comparatifgauche {float:left; width:151px;} .comparatifgauche span {float:left; width:149px; height:26px; color:#000; /*background:url(images/comparatif-gauche-bg.jpg); background-repeat:no-repeat;*/ background-color: #FFF; font-size:130%; padding:8px 0 0 2px; border-bottom:1px solid #CFCFCF; font-weight:bold;} .comparatifgauche ul {padding:0; margin:0; background:url(images/comparatif-gauche-bg.jpg); background-repeat:no-repeat; background-position:left bottom;} .comparatifgauche ul li {list-style-type:none; padding:0; margin:0 8px; border-bottom:1px solid #c0c0c0; line-height:30px; color:#000;} .comparatifgauche ul li.dernier {border-bottom:none;} .comparatifgauche ul li.grand {line-height:17px; margin:5px 8px 0; padding-bottom:6px;} .comparatifcontenu {float:left; width:176px; margin-left:20px;} .comparatifcontenu h2 {font-size:130%; margin:10px 0 2px; text-transform:none;} h3.comparatif {margin:5px 0 10px; color:#000; margin-bottom:5px; font-family:Verdana; font-size:130%;} .noh3 ul {border-top:1px solid #CFCFCF;} .comparatifcontenu a {color:#000; text-decoration:underline;} .comparatifcontenu a:hover {color:#6297BC;} .comparatifcontenu ul {padding:0; margin:0; border:1px solid #6297BC; color:#000;} .comparatifcontenu ul.cadreorange {border-color:#FF993F;} .comparatifcontenu ul.cadreorange li {border-bottom:1px solid #FF993F;} .comparatifcontenu ul li {list-style-type:none; padding:0; margin:0 8px 0; line-height:30px; border-bottom:1px solid #6297BC;} .comparatifcontenu ul li.centrer {text-align:center;} .comparatifcontenu ul li.grand {line-height:17px; margin:5px 8px 0; padding-bottom:6px;} .comparatifcontenu ul li.dernier {border-bottom:none;} .comparatifcontenu ul li.premierplan {background:url(images/comparatif-contenu-top-bg-orange.jpg); background-repeat:no-repeat; background-position:left bottom; border-top:1px solid #c0c0c0; text-align:center; margin:-1px 0 -6px -6px; width:187px; height:38px; border-bottom:none; border-top:1px solid #CFCFCF; font-weight:bold; font-size:125%;} .comparatifcontenu ul li.premierplanbleu {background:url(images/comparatif-contenu-top-bg.jpg); background-repeat:no-repeat; background-position:left bottom; border-top:1px solid #c0c0c0; text-align:center; margin:-1px 0 -6px -6px; width:187px; height:38px; border-bottom:none; border-top:1px solid #CFCFCF; font-weight:bold; font-size:125%;} .comparatifcontenu .boutonsdubas {float:left; width:161px; height:75px; padding:5px 0 3px 13px; margin-bottom:10px;background-color:#FFDCBD; border:1px solid #FF993F; -moz-border-radius:0 0 4px 4px; border-radius:0px 4px 4px 0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;} .comparatifcontenu .boutonsdubasbleu {background-color:#B7CFE0 !important; border-color:#6297BC;} .comparatifcontenu .boutonsdubas a.bouton {margin-left:4px; margin-bottom:5px;} .comparatifcontenu .boutonsdubas a.boutonfige {margin-left:0;} .article { border:1px solid #c0c0c0; margin-bottom:15px; } .article:hover { background-color:#DDEFFF; } .article h3 { margin:10px 15px; } /* tableaux */ table.madelin td a{ color:#00557b;} table.madelin td a:hover{ color:#287fa7;} /* Tableau orange pour MPL */ table.tableauorange {border:1px solid #FF993F; border-collapse:collapse; width:490px; margin-bottom:15px;} table.tableauorange td {border:1px solid #FF993F; padding:0 5px; height:40px;} table.tableauorange td p {margin:0 5px 5px 0;} table.tableauorange .deuxcolonnes {width:152px;} table.tableauorange td.vtop {vertical-align:top;} table.tableauorange td.bggris {background-image:url(/css/images/tableau-td-bg-degrade-gris.jpg); background-position:left; background-repeat:repeat-y;} /* Tableau vert pour MPL CAPI */ table.tableauvert {border:1px solid #7DBF5F; border-collapse:collapse; width:490px; margin-bottom:15px;} table.tableauvert td {border:1px solid #7DBF5F; padding:0 5px; height:40px;} table.tableauvert td p {margin:0 5px 5px 0;} table.tableauvert .deuxcolonnes {width:152px;} table.tableauvert td.vtop {vertical-align:top;} table.tableauvert td.bggris {background-image:url(/css/images/tableau-td-bg-degrade-gris.jpg); background-position:left; background-repeat:repeat-y;} /* Tableau gris pour toutes les pages générales du site */ table.tableaugris {border:1px solid #c0c0c0; border-collapse:collapse; width:470px; margin:10px auto 15px;} table.tableaugris td {border:1px solid #c0c0c0; padding:0 5px; height:40px;} table.tableaugris th {border:1px solid #c0c0c0; padding:0 5px; height:40px; text-align:center;} table.tableaugris td p {margin:0 5px 5px 0;} table.tableaugris .deuxcolonnes {width:152px;} table.tableaugris td.vtop {vertical-align:top;} table.tableaugris td.bggris {background-image:url(/css/images/tableau-td-bg-degrade-gris.jpg); background-position:left; background-repeat:repeat-y;} #brochureBox table.fishTable {border: 1px solid #e2e2e2; background-color:#FFF;} #brochureBox table.fishTable p {margin:0px 3px; font-size:.9em; padding:0; line-height:1.4em; text-align:left;} #brochureBox table.fishTable th {margin:0px 3px; font-size:1em; padding:0 1em ; line-height:2.4em; color:#6297BC;} #brochureBox table td {padding:0.4em 0.5em 0.3em;} #RevueDePresse {float:left; margin:5px 15px;} #RevueDePresse img {margin-bottom:10px; border:#CCC solid 1px;} table.frais {background-color:#FFF; margin:5px 15px 5px 15px; font-size:1em; line-height:1.4em;} table.frais th {border-bottom:1px solid #CCC;color:#f60;text-align:left;line-height:2em;font-size:1.1em;} table.frais td {padding:0.3em 0.5em 0.3em 0.5em; line-height: 1.5em; border-bottom: 1px solid #CCC;} table.out {font-size:1em; margin:0;} table.out th {border-bottom:1px solid #CCC; color:#f60; text-align:left; line-height:2em; font-size:1.1em;} table.out td {line-height:1.2em; padding:0px 15px 0 0;} table.out p {line-height:1.2em; padding:5px; text-align: justify;} table.in {font-size:1em;} table.in td {border-bottom:1px solid #b9c4e1; margin:0;padding:5px;} table.versements {background-color:#FFF; font-size:1em; margin:10px; border:1px solid #CCC;} table.versements th {border-bottom:1px solid #CCC; font:bold 1.5em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:center; line-height:2em;} table.versements td.contourdroit {border-right: 1px solid #CCC;} table.stupidtable {background-color:#FFF; font-size:.9em; margin:10px 10px 25px; border:1px solid #CCC;} table.stupidtable td {border-right:1px solid #CCC; padding:0.5em;} table.stupidtable td.NoRight {border-right:none;} table.stupidtable th {border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.5em;} table.stupidtable th.NoRight {border-right:none;} table.stupidtable th.NoBottom {border-bottom:none;} table.blanktable {font-size:.9em; margin:10px 10px 25px; border:1px solid #CCC;} table.blanktable td {border-right:1px solid #CCC; padding:0.5em;} table.blanktable td.NoRight {border-right:none;} table.blanktable th {border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.5em;} table.blanktable th.NoRight{border-right:none;} table.blanktable th.NoBottom{border-bottom:none;} table.perfX {background-color:#FFF; margin:0px 10px;} table.RVPresse {background-color:#FFF; font-size:.8em; line-height: 1.4em; margin:0 15px 0 17px; } table.RVPresse td {line-height:1.5em; border:1px solid #CCC; margin:0; padding:0;} table.RVPresse th {line-height:1.5em; border:1px solid #CCC; margin:0; padding:0;} table.RVPresse p {text-align:center; padding:0em; margin:0;} /* Formulaire de souscription des comptes rémunérés */ div #etapes {text-align:center; font-size:130%; font-weight:bold; color:#000;} div #etapes span {margin:0 10px;} div #etapes span.active {color:#09F;} /* Page parrainage */ div.parrainagebox {float:left; margin-left:9px; padding:5px; border:1px solid #828282; width:250px; height:335px; text-align:center; background-color:#FFF; -moz-border-radius:10px; border-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;} div.parrainagebox h2 {color:#000; font-family:trebuchet MS; text-transform:none; margin:0 0 13px; font-weight:bold; font-size:160%;} div.parrainagebox p {margin:5px 0;} /* Fin de CORPS */ /* V - MENU DROITE -------------------------------------------------------------------------------------- */ #rightbar {float:right; width:23%; padding:0; margin:0; background-color: #FFF;} #righty {float:right; width: 300px; padding:0; margin:0;} #MDslogan {margin:0px 10px 15px 10px; border:1px solid #e2e2e2; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em 0.3em ; background-color:#fafafa;} #MDslogan a {margin:0px 15px 2px 15px; font:bold 0.8em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.0em 0.3em 0.5em 0.3em;} a.mdcomparatifassurancevie {float:right; display:block; width:209px; height:60px; background-image:url(images/md-comparatif-assurancevie.gif); background-repeat:repeat-x; margin:20px 6px 0 0;} a.mdcomparatifassurancevie:hover {background-position:0 -59px;} a.mdcomparatifmpvmpl {display:block; width:209px; height:72px; background-image:url(images/md-comparatif-mpvmpl.gif); background-repeat:repeat-x; margin:0 0 10px 10px;} a.mdcomparatifmpvmpl:hover {background-position:0 -72px;} .pavebordsronds {position:relative; text-align:left; width:202px; height:96px; background-image:url(/css/images/pave-bordsronds.jpg); background-position:bottom right; background-repeat:no-repeat; border:2px solid #ABABAB; -moz-border-radius:8px; border-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius: 8px;} .pavebordsronds h3 {position:absolute; float:left; background-color:#207CC9; margin:4px 8px 0 0; padding:2px 6px; border-bottom:1px solid #000; border-right:1px solid #000; font-family:'Trebuchet MS', Arial, Sans-serif; font-size:90%; color: #FFF;} .pavebordsronds a {position:absolute; z-index:5; width:202px; height:96px;} .pavebordsronds .homeboxcorne {background-image:url(images/pave-bordsronds-corne-bgbleu.gif); background-repeat:no-repeat; width:9px; height:39px; margin:3px 0 0 -7px; position:absolute;} /* Fin de MENU DROITE */ /* VI - PIED DE PAGE ------------------------------------------------------------------------------------- */ #footer {background:#373b46; border-top:5px solid #568EB6;} #logosbas {clear:both; border-top:5px solid #fe690f; margin:0; padding:0; height:35px; font:bold 18px 'Trebuchet MS', Arial, Sans-serif; color:#6297BC; line-height:30px;} #logosbas a {text-decoration: none; font-weight:bold; color:#6297BC;} #logosbas a:hover {text-decoration:none; font-weight:bold; color:#fe690f; text-decoration:underline;} #footer {clear:both; color:#FFF; margin:0; padding:0; height: 50px; font-size: 95%;} #footer a {text-decoration:none; font-weight:bold; color:#FFF;} #footer .footer-left {float:left; width:65%;} #footer .footer-right {float:right; width:30%;} #pied {clear: both; color: #373b46; background: url(../IMG/headerphoto-pied.jpg) no-repeat #343843; border-top: 5px solid #FE690F; margin: 0; padding: 0;height: 185px; font-size: 95%;} #pied h3 {color:#fff;} #pied ul {margin-top:0;} #pied li {text-align:left;} #pied a {text-decoration:none; font-weight:bold; color:#FE690F;} #pied a:hover {color:#6297BC; text-decoration:underline;} #pied .pied-left {float:left; width:40%;} #pied .pied-right {float:right; width:28%;} #footerwhite {clear: both; color:#373b46; background:#fff; border-top:5px solid #568EB6; margin:0; padding:0; height:50px; font-size:95%;} #footerwhite a {text-decoration:none; font-weight:bold; color:#6297BC;} #footerwhite a:hover {text-decoration:underline; font-weight: bold; color: #FE690F;} #footerwhite .footerwhite-left {float:left; width:65%;} #footerwhite .footerwhite-right{float:right; width:30%;} #footer1 {float:left; background-image:url(/css/images/footer-bg.jpg); background-repeat:no-repeat; width:1000px; height:82px; margin:15px 0; padding-top:7px;} #footer1 h3 {clear:both; color:#696969; font-family:trebuchet MS,arial; margin:3px 0 2px 10px; font-size:80%;} #footer1 ul {margin:0px 0 10px 12px; float:left; width:500px;} #footer1 ul li {float:left; list-style-image: url(/css/images/puce-trianglegris.gif); font-size:80%;} #footer2 {width:1000px; margin:15px auto 5px; text-align:center; color:grey; font-size:85%;} #footer2 a {color:grey;} #footer2 a:hover {color:#000; text-decoration:underline;} /* Fin du PIED DE PAGE */ /*---------------------- main ----------------------------------------*/ #main {float:left; margin-left:15px; padding:0; width:55%; background-color: #FFF;} /*#sitemap {float:left; margin-left:15px; padding:0; width:90%;}*/ #lefty {float: left; margin-left:15px; padding:0; width:660px;} /* ---------------------------------------------boites-------------------------------------------------- */ /* -------------------- 2 boites gauche et droit sur page d'accueil PEA ------------------------ */ #halfBoxRPEA {float:right; display:block; margin:0 5px 0 0; width:47%; background-color:#fafafa; border:1px solid #CCC;} #halfBoxRPEA p {text-align:left; margin:2px 10px; padding:0;} #halfBoxRPEA img, #halfBoxLPEA img {float:left; margin:0px 15px 15px 15px; border:1px solid #e2e2e2;} #halfBoxRPEA h1, #halfBoxLPEA h1 {margin:8px 10px 10px 145px;} #halfBoxLPEA {float:left; display:block; margin:0 0 0 5px; width:47%; background-color:#fafafa; border: 1px solid #CCC;} #halfBoxLPEA p {text-align:left; margin:2px 10px; padding:0;} /* ------------------opportunités boites-------------- */ #miBoxR {float:right; display:block;margin:0 5px 0 0; width:47%; background-color:#fafafa; border: 1px solid #CCC;} #miBoxR p {text-align:left; margin:2px 10px; padding:0;} #miBoxR img, #miBoxL img {float:left; margin:0px 15px 10px 15px; border: 1px solid #e2e2e2;} #miBoxR h1, #miBoxL h1 {margin:8px 10px 10px 145px;} #miBoxR h3, #miBoxL h3 {margin:0; padding:0.5em; background-color:#6297BC; color:fff; text-align:center;} #miBoxL {float:left; display:block; margin:0 0 0 5px; width:47%; background-color:#fafafa; border: 1px solid #CCC;} #miBoxL p {text-align:left; margin:2px 10px; padding:0;} /* Création de la classe miBoxR et miBoxL car parfois il y en a plusieurs sur la même page */ .miBoxR {position:relative; float:right; display:block; margin:0 5px 0 0; width:47%; background-color:#fafafa; border:1px solid #CCC;} .miBoxR p {text-align:left; margin:2px 10px; padding:0;} .miBoxR img, .miBoxL img {float:left; margin:0px 15px 10px 15px; border: 1px solid #e2e2e2;} .miBoxR h1, .miBoxL h1 {margin:8px 10px 10px 145px;} .miBoxR h3, .miBoxL h3 {position:absolute; bottom:0; margin:0; width:337px; padding:0.5em; background-color:#6297BC; color:fff; text-align:center;} .miBoxL {position:relative; float:left; display:block; margin:0 0 0 5px; width:47%; background-color:#fafafa; border:1px solid #CCC;} .miBoxL p {text-align:left; margin:2px 10px; padding:0;} /*------------------------------- other sites navigation ------------------/ */ #NosSites {margin:0px 15px 20px 15px; padding:0em 0 0em 0; background:#fff; /*border: 1px solid #CCC;*/ font-size:1em; font-weight:bold;} #NosSites a{display:block; background: url(/IMG/PUCE3.gif) 1% 60% no-repeat; padding-left:1.5em; color:#6297BC;white-space:nowrap; width:auto; line-height:1.9em;} #NosSites a:hover {color:#fe690f;text-decoration: underline;} #partenaires {clear:both;width: 100%; background-color:#FFF; padding-bottom:15px;} /*------------------------------- other sites navigation ------------------/ */ #NosSites {width:255px; margin:0 15px !important; padding:0 0 20px 0; float:left; background:#fff; /*border: 1px solid #CCC;*/ font-size:11px; font-weight:bold;} #NosSites ul {list-style:none; margin:10px 10px; padding:0;} #NosSites a {display:block; background: url(/IMG/PUCE3.gif) 1% 60% no-repeat; padding-left:1.5em; color:#6297BC;white-space:nowrap; width:auto; line-height:1.9em;} #NosSites a:hover {color:#fe690f;text-decoration: underline;} /* -----------------------------------------------Revue De Presse--------------------------------------------------- */ #clearingLineRevueDePresse {clear:both; height:10px; border-bottom:1px dashed #B2B2B2; margin:5px 15px 5px 15px;} #clearingRevueDePresseAfterTable {clear:both; height:10px; border-bottom:1px dashed #B2B2B2; margin:25px 15px 10px 15px;} #RevueDePresse {float:left; margin:5px 15px 5px 15px;} #RevueDePresse img {margin-bottom:10px; border:#CCC solid 1px;} #RDP {text-align: left; font: 1em 'Trebuchet MS', Arial, Sans-serif; padding: 0.5em;} #RDP h1 a, .dishinfo a, .title a:link, .title2 a:visited, .authors #item h2 a, .contact #item a.dishno, .illustration p {color: #fd6616;} #RDP h2 a {font-weight: bold; text-transform: uppercase;} #RDP h3.title2 { margin: 0.3em 0 1.0em 0 ; font: 1.1em Georgia, Times, serif; font-weight:bold; letter-spacing: 2px; text-transform: uppercase;} #RDP h4 {font: bold 1.1em Verdana, Arial, sans-serif; letter-spacing: 1px; margin:0; padding:0;} #RDP h5 { margin:0;} #RDP.title2 a:link, .title2 a:visited {color: #333;} #RDP.title2 a:hover {color: #000;text-decoration: underline;} #RDP .byline2 {font: italic 1.1em Times, serif; letter-spacing: 1px; margin: 0 0 0.5em;} #RDP .byline2 a:link, .byline2 a:visited {font: bold 0.85em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 2px ;margin-left: 0.25em;} #RDP p {margin: 0 15px 0 15px;} #RDP b {margin: 0 0.5em;} #RDP .dishinfo {font:1.2em Verdana, sans-serif; text-transform:uppercase; letter-spacing:0.23em; font-weight:bold;} #RDP .dishinfoMVivre {font:1.2em Verdana, sans-serif; text-transform:uppercase; letter-spacing:0.1em; font-weight:bold; color:#ff6100;} #RDP .dishinfo b {font:1.2em Georgia, Times, serif; letter-spacing: 1px;} #RDP .dishinfo a {color:#333; border: none;} #RDP .dishinfo a:hover {color:#000; text-decoration:underline;} h5.dishdate {font:1.2em Verdana, sans-serif; text-transform:uppercase; letter-spacing:0.33em; padding-left:0; margin-bottom:0;} /********** --------------------------- pages interiereures ------------------ **********/ .biggerleft {width:960px; margin:0 5px 0 15px; padding:20px 0; float:left;} .biggerleft img{ border:none;} .ongletaccordion {width:570px; padding:20px 0; float:left;} .twitterplugin { width:255px; float:right; margin:0 10px !important; margin:0 10px 0 10px; padding:20px 0;} .droit {width:685px; float:right; margin:0 15px !important; padding:0px 0 20px;} .right {width:225px; float:right; margin:0 20px !important; padding:20px 0;} .right ul {list-style:none; margin:10px; padding:0;} .right li {font:normal 11px Arial, Helvetica, sans-serif; color:#ff5700; text-decoration:underline; background:url(/IMG/right_ul_li.gif) left no-repeat; padding:5px 15px; margin:0;} .biggeright {width:300px; float:right; margin:0 20px !important; padding:20px 0;} .smallerleft {width:620px; margin:0 15px 0 15px !important; padding:20px 0; float:left;} .smallerleft p {margin: 10px 10px;} .smallerleft img {border:none;} .halfright {width:480px; float:right; margin:0 20px !important; padding:20px 0;} .halfleft {width:480px; margin:0 15px 0 15px !important; padding:20px 0; float:left;} .halfleft img {border:none;} .smallerright {width:160px; float:right; margin:0 20px !important; padding:20px 0;} /* twitter */ div.twittersuivre {background:url(/IMG/nous-suivre-twitter.gif) no-repeat top left; padding:0; margin:0; display:inline-block; min-width:300px; min-height:200px; height:200px;} div.twittersuivre p {padding:0; margin:15px 5px 5px 65px; line-height:1.6em; font: normal 11px Arial, Helvetica, sans-serif;} /* Blog */ .blogaboite {background:#fff; display:inline-block; width:1000px; padding: 0px; margin:0;} .bloga {width:300px; float:left; margin:0; padding:20px 5px;} .bloga a {color:#6297BC;background-color: inherit;} .bloga a:hover {color:#fe690f;background-color: inherit;text-decoration: underline;} .bloga h2 {margin-left:2px;} .bloga p {font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px; margin:0; line-height:1.8em; width:250px;} .bloga p.espace {font: normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px; margin:0; line-height:1em;} .bloga img {float:left; margin:5px 5px; padding:0;} .bloga a.blogasavplus {background:url(/IMG/bouton-back.gif) no-repeat top left; min-height:32px; width:100%; min-width:296px; font: normal 11px Arial, Helvetica, sans-serif; padding: 6px 15px 10px 36px; } .bloga a.blogasavplusshort {background:url(/IMG/bouton-back.gif) no-repeat top left; min-height:32px; width:100%; min-width:296px; font: normal 11px Arial, Helvetica, sans-serif; padding: 6px 18px 10px 36px; } .bloga a.blogasavplusshorter {background:url(/IMG/bouton-back.gif) no-repeat top left; min-height:32px; width:100%; min-width:296px; font: normal 11px Arial, Helvetica, sans-serif; padding: 6px 33px 10px 36px; } .droitinterieur {width:350px; float:right; margin:0; padding:20px 5px;} .gaucheinterieur {width:235px; float:left; margin:0; padding:20px 5px;} .gaucheinterieur img{ border:none;} /* Fiches produtis */ .fichestitresicones {float:left; width:60px; margin:13px 6px 5px 20px;} .fichestitresiconesGrand {float:left; width:170px; margin:10px 15px 15px 10px;} .fichestitresiconespassoustitre {float:left; width:60px; margin:10px 15px 15px 10px;} #menufiche {float:right;display:block; width:220px; border:1px solid #F2F2F2;margin-bottom:1em;padding:0.5em;background:#fff;margin-left:20px;} #menufiche p {margin:2px; font-weight:bold;} #menufiche p.entete {display:block;width:100%;text-align:center;font-weight:bold;margin:0 0 0.5em;padding:0;} #menufiche a {display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background:#F2F2F2; border-left:4px solid #fe690f; min-height:18px;} #menuficheInBo x{float:right;display:block; width:185px;border:1px solid #ddd;margin-bottom:1em; padding:0.5em; background:#fff;} #menuficheInBox p {margin:2px; font-weight:bold;} #menuficheInBox p.entete {display:block; width:100%; text-align:center; font-weight:bold; margin:0 0 0.5em; padding:0;} #menuficheInBox a {display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background: #F2F2F2; border-left:4px solid #fe690f; min-height:18px;} #menuficheInBoxSmall{ display:block; /*width:165px;*/ border:1px solid #ddd; margin-bottom:1em; padding:0.5em; background:#fff;} #menuficheInBoxSmall p{margin:2px; font-weight:bold;} #menuficheInBoxSmall p.entete{display:block; text-align:center; font-weight:bold; margin:0 0 0.5em; padding:0;} #menuficheInBoxSmall a{display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background: #F2F2F2; border-left:4px solid #fe690f; min-height:18px;} .menuficheInBoxPDFs {display:block; width:165px; border:1px solid #ddd; margin-bottom:1em; padding:0.5em; background:#fff;} .menuficheInBoxPDFs p {margin:2px; font-weight:bold;} .menuficheInBoxPDFs p.entete {display:block; text-align:center; font-weight:bold; margin:0 0 0.5em; padding:0;} .menuficheInBoxPDFs a {display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background: #F2F2F2; border-left:4px solid #fe690f; min-height:18px;} .menuficheInBoxPetit {display:block; width:165px; border:1px solid #ddd; margin-bottom:1em;padding:0.5em;background:#fff;} .menuficheInBoxPetit p {margin:2px; font-weight:bold;} .menuficheInBoxPetit p.entete {display:block;text-align:center; font-weight:bold; margin:0 0 0.5em; padding:0;} .menuficheInBoxPetit a {display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background: #F2F2F2; border-left:4px solid #fe690f; min-height:18px;} #fishbox{display:block; background-color:#F6F5F1; border: 1px solid #CCC; padding:0 0.5em; margin:10px 0 0 5px; height:86px; width:525px;} #fishbox p{text-align:center; padding:20px0 0px 0px; margin:0em 0 1em 0;color:#FE690F; font-size:1.8em; font-weight:bold; line-height:1.3em; } .nouveau{background:url(/IMG/nouveau.gif) 0% 50% no-repeat;} #flashome {float:left; display:block; margin:10px 0 0 5px;} #brochureBox {margin:0; background-color: #F2F2F2; padding:0; border:1px solid #e2e2e2; /*min-height:280px; */} #brochureBox img {float:left; margin:5px; border: 1px solid #F2F2F2;} #BBsloganTOP {margin:0px 5px 10px 0px; border: 1px solid #e2e2e2; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.8em 0.5em ; color:#FF6600; background-color:#FFF; } #BBsloganTOPshort {margin:0px 5px 10px 0px; border: 1px solid #e2e2e2; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em 0.2em ; color:#6297BC; background-color:#FFF; } #BBsloganBAS {margin:0px 5px0 0px; border: 1px solid #e2e2e2; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.8em 0.5em; color:#6297BC; background-color:#FFF;} #BBsloganBASlong {margin:0px 3px0 0px; border: 1px solid #e2e2e2; font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em 0.2em; color:#FF6600; background-color:#FFF;} #BBSouscription{float:right; display:block; width:179px; border:1px solid #ddd; margin-bottom:0.5em; padding:0.5em; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em; color:#fe690f; background-color:#FFF;} #BBquestion{float:right; display:block; width:179px; border:1px solid #ddd; margin-bottom:0.5em; padding:0.3em; font: bold 1.3em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em; color:#6297BC; background-color:#FFF;} #BBanswer{float:right; display:block; width:179px; border:1px solid #ddd; margin-bottom:0.5em; padding:0.3em; font: bold 1.3em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em; color:#fe690f; background-color:#FFF;} .prod{display:block; text-align:center; border-bottom: 1px solid #F2F2F2; background: #90b4cf; padding:3px 0 0; margin:0; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color: #fff; /*line-height:2.3em;*/ height:31px;} .prod2010{display:block; text-align:center; border-bottom: 1px solid #F2F2F2; background: #90b4cf; padding:0; margin:0; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color: #fff; line-height:1.3em;} .prodperf2010{display:block; text-align:center; border-bottom: 1px solid #F2F2F2; background: #fe690f; padding:0; margin:0 0 10px; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color: #fff; line-height:1.3em;} .prodtest {padding:3px 0 0; margin:0px 15px; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif; color:#207cc9; /*line-height:2.3em;*/} .prodtest2 {padding:3px 0 0; margin:0px 15px; font:bold 1.3em 'Trebuchet MS', Arial, Sans-serif; color:#207cc9; /*line-height:2.3em;*/} /*------------------- En savoir plus lien comme sur l'index------------------------------------ */ .post-footer {float:right; background-color: #FAFAFA; padding: 2px; margin:-8px 15px 0 15px; border:1px solid #F2F2F2; font-size:95%;} .post-footer .readmore {background:url(/IMG/plus2.gif) 2% 60% no-repeat ; padding-left: 20px; margin:-5px 0 10px; height:30px;} /* ----------------------------additional classes ---------------------------- */ #clearing {clear:both; height:10px;} .clearing {clear:both; height:10px;} /* Classe créée car il y en a plusieurs sur la page d'accueil */ #clearingshort {clear:both; height:1px;} #clearingLine {clear:both; height:6px; border-top:#CCC solid 1px; margin:5px 15px 0 15px;} #clearingHomeBox {clear:both; height:1px; border-bottom:#CCC solid 1px; margin:0px0 0 0px;} .clear {clear: both;} li.bgorange {background-color: #FE690F;} li.bgvert {background-color: #58a225;} .barre {text-decoration:line-through;} .botLine {border-bottom:1px solid #CCC;} .c0 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.7em; color:#FE690F;} .c00 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.9em; color:#FE690F;} .c000 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:2.1em; color:#FE690F; font-weight:bolder;} .c0gigantesque {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:3.1em; color:#FE690F; font-weight:bolder; font-stretch:wider;} .c1 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.5em; color:#FE690F;} .c1Blue {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.5em; color:#6297BC;} .c1perfBlue {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.3em; color:#182C82;} .c1White {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.5em; color:#FFF;} .c2 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.2em; color:#FE690F;} .c3 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.0em; color:#FE690F;} .c2Blue {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.2em; color:#6297BC;} .c3bisBlue {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.1em; color:#6297BC;} .c3Blue {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.0em; color:#6297BC;} .fauxh4 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.2em; color:#000;} .fond1 {background: #F2F2F2;} .fond4 {background-color:#ccd3e2;} .fond5 {background: #b4cde0;} .FSdark {color:#363c48;} .gray {color:#BFBFBF;} .niceblue {color:#6297BC;} .NoJustice {text-align:left;} .note {font-size:.8em; font-style:italic;} .noteIndent {font-size:.8em; font-style:italic; margin-left:15px;} .numberAtout {float:left; padding:-0px 2px 35px 2px; margin:0; width:25px;} .numberAtoutLong {float:left; padding:0px 2px 50px; margin:0; width:25px;} .numberAtoutShort {float:left; padding:0px 2px 10px; margin:0; width:25px;} .OrangeGras {color:#FE690F; font-weight:bold;} .perfRed {color:#AD111C;} .perfBlue {color:#182C82;} .policeplusgrand {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.5em;} .policeplusplusgrand {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.8em;} .policeplusplusplusgrand {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:2.2em;} .RightLine {border-right:1px solid #CCC;} .topLine {border-top:1px solid #CCC;} .white {color:#FFF;} .smaller {font-size:.8em;} .verysmall {font-size:.7em;} .pdf-icone {background: url(/IMG/pdf-icone.gif) 1% 50% no-repeat; color:#666 ; line-height:32px; display:block; text-align:left; font-weight:bold; font-size:1.2em; margin:0; padding:0; padding-left:2em;} .pdf {background:url(/IMG/pdf.gif) 1% 60% no-repeat; padding-left:2.5em; color:#4284B0;line-height:2em;margin:0;} .bigpdf {background:url(/IMG/pdf.gif) 1% 50% no-repeat; padding-left:2.4em; color:#4284B0; line-height:1.3em; margin:0;} .enSavPlus {background:url(/IMG/plus2.gif) 1% 50% no-repeat; padding-left:15px; color:#4284B0; line-height:2em;} .enSavPlusGras {background:url(/IMG/plus2.gif) 1% 50% no-repeat; padding-left:15px; color:#4284B0; line-height:2em; margin:0; font-weight:bold;} .newfiche {border:1px solid #CCC; margin:0; padding:0;} .cloture {background:url(/IMG/cloture.gif) 50% 50% repeat-y !important;} .suspendu {background:url(/IMG/suspendu.gif) 50% 50% repeat-y !important;} .rembourse {background:url(/IMG/rembourse-2.gif) 50% 50% no-repeat;} /* -----------------------------------------------Menu Droit--------------------------------------------------- */ #MDslogan {color:#FF6600;} /* couleur en bas de piczone */ #underNavNew {background:#FFF; position:relative; height:22px;} #underNavNewvert {background:#FFF url(/IMG/underNavvert.gif) repeat-x 0% 0%;} #underNavNewvert {position:relative; height:22px;} #underNavNew .short {position:relative; height:21px;}