/* ------------------------------------------------------------------------------------------ www.mes-placementsvie.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:#666666; background:#CCC url(../IMG/bg.gif) repeat-x; text-align:center;} #wrap {background:#FFF; width:1000px; height:100%; margin:0 auto; text-align:left;} #content-wrap {clear:both; margin:0px 0 0 0; padding:0; background-color:#FFF;} /* Début styles Marketing Produit */ body.opebody {background-color:white; background-image:url(images/ope-ciel.gif); background-repeat:no-repeat; background-position:50% 0;} #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:white;} #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:white; font-weight:bold;} #opeheader #opebgnoir span a:hover {color:#FE690F;} /* Titres */ h1, h2, h3 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; color:#333;} h1 {font-size:1.5em; color:#6297BC; margin:10px 15px;} h2 {font-size:1.4em; text-transform:uppercase; margin:10px 15px;} h3 {font-size:1.3em; margin:15px 15px 10px 15px;} h4 {font:1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold; color:#333; font-size:1.2em; margin:15px 15px 10px 15px;} h5 {font-size:1.2em; margin:15px 15px 10px 15px; color:#6297BC;} /* Liens */ a {color:#4284B0; background-color:inherit; text-decoration:none;} a:hover {color:#ff6100; background-color:inherit;} a.pdf {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;} a.pdffaux {padding-left:28px; color:#4284B0; line-height:2em; margin:0;} a.pdffaux:hover {color:#ff6100;} /* Boutons */ a.bouton {background-image:url(images/boutonwrapper.jpg); background-repeat:repeat-x; display:block; color:white; border:2px solid black; 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;} a.bouton:hover {background-position:0 -30px; text-decoration:underline; color:white;} /* Ancienne version des boutons */ a.boldbuttons {background:transparent url(/IMG/glossybuttonleft.gif) no-repeat top left; 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:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons {color:white;} a.boldbuttons span {background:transparent url(/IMG/glossybuttonright.gif) no-repeat top right; 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;} .buttonwrapper1 {padding:15px 0 15px 160px; overflow:hidden; width:auto; margin-bottom:20px;} .buttonwrapper3 {padding:15px 0 15px 15px; overflow:hidden; width:auto; margin-bottom:20px;} /* images */ img {border:none;} img.with-border {border:1px solid #e2e2e2;} img.float-right {margin:5px 0px 5px 15px;} img.float-left {margin:5px 15px 5px 0px;} a img {border:none} a:hover img {border:none} /* form elements */ form {margin:10px; padding:0; border:1px solid #ccc; background-color:#FAFAFA;} label {display:block; font-weight:bold; margin:5px 0;} input {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;} /* 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;} /* Taille des textes */ .txt90 {font-size:90%;} .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%;} .italique {font-style:italic;} .gras {font-weight:bold;} /* 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;} /* */ p {margin:5px 15px 20px 15px; text-align:justify;} ul, ol {margin:10px 10px 10px 30px; padding:0 0 0 15px; color:#4284B0;} ul span, ol span {color:#666666;} /* Fin de BALISES ET GENERALITES */ /* II - ENTETE ET MENU HAUT --------------------------------------------------------------------------- */ #header {position:relative;height:85px; 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:42px; left:0px;color:#666666; text-indent:0px;font:bold 16px Trebuchet, 'trebuchet MS', Sans-serif; text-transform:none;} /* menu tabs */ #header ul {z-index:0; position:absolute; margin:0; padding:0; list-style:none; right:0; bottom:6px !important; bottom:5px; font:bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;} #header li {display:inline; margin:0; padding:0;} #header a {float:left; background:url(/IMG/tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;} #header a span {float:left; display:block; background:url(/IMG/tabright.gif) no-repeat right top; padding:6px 15px 3px 8px; color:#FFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a span {float:none;} /* End IE5-Mac hack */ #header a:hover span {color:#FFF;} #header a:hover {background-position:0% -42px;} #header a:hover span {background-position:100% -42px;} #header #current a {background-position:0% -42px;color:#FFF;} #header #current a span {background-position:100% -42px;color:#FFF;} #header a.zero{background-image:none;} #underNavNew {position:relative;height:42px; background:#FFF url(/IMG/underNavNewbg.gif) repeat-x 0% 0%;} #underNavNew ul {z-index:10; position:absolute; margin:-1px 0 0 0; padding:0; list-style:none; left:0; bottom:12px !important; bottom:16px; font:bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;} #underNavNew li {display:inline; margin:0; padding:0;} #underNavNew a {float:left; background:url(/IMG/tableft_invert.gif) no-repeat bottom left; margin:-5px 0 0; padding:0 0 0 4px; text-decoration:none;} #underNavNew a span {float:left; display:block; background:url(/IMG/tabright_invert.gif) no-repeat bottom right; padding:6px 15px 3px 8px; color:#FFF;} #underNavNew #emploi a {float:left; background:url(/IMG/tableft_invert-blue.gif) no-repeat bottom left; margin:-5px 0 0; padding:0 0 0 4px; text-decoration:none;} #underNavNew #emploi a span {float:left; display:block; background:url(/IMG/tabright_invert-blue.gif) no-repeat bottom right; padding:6px 15px 3px 8px; color:#FFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #underNavNew a span {float:none;} /* End IE5-Mac hack */ #underNavNew a:hover span {color:#FFF;} #underNavNew a:hover {background-position:0% -17px;} #underNavNew a:hover span {background-position: 100% -17px;} #underNavNew #emploi a:hover {background-position:0% -17px;} #underNavNew #emploi a:hover span {background-position: 100% -17px;} #underNavNew #here a {background-position:0% -17px;color:#FFF;} #underNavNew #here a span {background-position:100% -17px;color:#FFF;} #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:12px; font-weight:bold;} #nav0 a:hover {text-decoration:none; color:#fe690f;} #nav0 li img {border:none;} #piczone {border:none; background-image:url(/IMG/headerphoto.jpg); background-repeat:no-repeat; min-height:120px; height:120px; margin:0;} #sitemessage {width:450px; height:120px; position:absolute; z-index:1; margin:10px 0 0 539px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/overflow:hidden /*IE6*/;} #sitemessage.CapiPea {width:560px; height:120px; position:absolute; z-index:1; margin:15px 0 0 430px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/overflow:hidden /*IE6*/;} #sitemessage h1 {float:right; width:450px; text-align:right; font-size:14px; line-height:1.2em; margin:0;} #sitemessage h1.pea {float:right; width:560px; text-align:right; font-size:14px; line-height:1.2em; margin:0;} #sitemessage h2 {float:right; width:340px; margin:8px 0 0 0; text-align:right; line-height:1.2em; font-size:112%; color:#FFF;} #sitemessage h3 {float:right; width:340px; margin:10px 0 0 0; text-align:right; font-size:100%;color:#FFF;} #sitemessage h3 a {text-decoration:none; color:#fe690f;} #sitemessage h3 a:hover {text-decoration:none; color:#fe8d48;} #sitemessage h3.homehead {float:right; width:340px; margin:0px 0 0 0; text-align:right; font-size:100%;color:#FFF;} #sitemessage h3.homehead a {text-decoration:none; color:#FFF;} #sitemessage h3.homehead a:hover {text-decoration:none; color:#6297BC;} .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:15px 0 0 10px; /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;} /* Fin de ENTETE ET MENU HAUT */ /* III - MENU GAUCHE ----------------------------------------------------------------------------------- */ #sidebar {float:left; width:185px; margin:0; padding:0;display:inline;} #sidebar ul.sidemenu { list-style:none; margin:10px 0 10px 15px; padding:0; } #sidebar ul.sidemenu li {margin-bottom:1px; /*border:1px solid #f2f2f2; */} #sidebar ul.sidemenu a {display:block; font-weight:bold; color:#363c48; text-decoration:none; padding:2px 5px 2px 10px; background:#f2f2f2; border-left:4px solid #fe690f; min-height:18px;} * html body #sidebar ul.sidemenu a {height:18px;} #sidebar ul.sidemenu a:hover {padding:2px 5px 2px 10px; background:#f2f2f2; color:#6297bc; border-left:4px solid #6297bc;} /* Fin de MENU GAUCHE */ /* IV - CORPS ------------------------------------------------------------------------------------------- */ #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;} #main {float:left; margin-left:15px; padding:0; width:55%;} /*#sitemap {float:left; margin-left:15px; padding:0; width:90%;}*/ #clearing {clear:both; height:10px;} #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:0px 0px 0 0px;} /* 2 boites gauche et droit sur page d'accueil */ #halfBoxR {float:right; display:block; margin:0 5px 0 0; width:47%; background-color:#fafafa; border:1px solid #e2e2e2;} #halfBoxR img {float:left; margin:5px 0 0 9px; border:1px solid #e2e2e2;} #halfBoxR img.vide {clear:both; border:none; margin:0 0 0 25px; padding:0;} #halfBoxR 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 #e2e2e2;} #halfBoxL img {float:left; margin:5px 0 0 9px; border:1px solid #e2e2e2;} #halfBoxL img.rien {clear:both; border:none; margin:0 10px 0 25px; padding:0;} #halfBoxL p {text-align:left; margin:2px 10px; padding:0;} #Boxentier {float:right; display:block; margin:0 5px 0 0; width:98%; background-color:#fafafa; border:1px solid #e2e2e2;} #Boxentier img {float:left; margin:5px; border:1px solid #e2e2e2;} #Boxentier img.vide {clear:both; border:none; margin:0 0 0 25px; padding:0;} #Boxentier p {text-align:left; margin:2px 10px; padding:0;} #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 5px ; border:1px solid #e2e2e2;text-align:left; padding:0.3em 0.3em ; display:block; background-color:#fafafa; font-style:normal;} /* tableaux */ #brochureBox table.fishTable{border:1px solid #e2e2e2; background-color:#FFF; } #brochureBox table.fishTable p {margin:0px 3px; font-size:.9em; padding:0 0 0 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 0.5em;} table.frais {background-color:#FFF; margin:5px 15px 5px 15px; font-size:1em; line-height:1.4em;} 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.stupidtable{background-color:#FFF; font-size:.9em; margin:10px 10px 25px 10px; 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 10px; 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 0px 10px;} table.OPCVM {background-color:#FFF; font-size:1em; margin:10px; border:1px solid #ccc;} table.OPCVM td {border-bottom:1px solid #ccc; font:bold 1.5em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:center; line-height:2em;} 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;} table.inner {background-color:#FFF; font-size:1em; margin:10px; border:1px solid #ccc;} table.inner td {padding:5px 5px 0 5px; border-bottom:1px solid #ccc;} /* Fiches */ #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;} #menuficheInBox {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:20px 0px 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:15px 0 0 0 ; background-color:#f2f2f2; padding:0px ; 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 5px 0px 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 3px 0px 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;} /* Fin de CORPS */ /* V - MENU DROITE ------------------------------------------------------------------------------------- */ #rightbar {float:right; width:23%; 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; color:#FF6600; 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;} /* Fin de MENU DROITE */ /* VI - PIED DE PAGE ------------------------------------------------------------------------------------- */ #footer {clear:both; color:#FFF; background:#373b46; border-top:5px solid #568EB6; 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:155px; font-size:95%;} #pied h3 {color:#fff;} #pied li {text-align:left;} #pied a {text-decoration:none; font-weight:bold; color:#FE690F;} #pied a:hover {color:#6297BC;} #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:none; font-weight:bold; color:#FE690F;} #footerwhite .footerwhite-left {float:left; width:65%;} #footerwhite .footerwhite-right {float:right; width:30%;} #logosbas {clear:both; border-top:5px solid #6297BC; 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;} #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;} #partenaires {clear:both; width:100%; background-color:#FFF; padding-bottom:15px;} #partenaires img {filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; border:1px solid grey;} #partenaires img:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; border-color:black;} /* 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 0 ; height:30px;} /* Fin du PIED DE PAGE */ /* #sitemap {float:left; margin-left:15px; padding:0; width:90%;} table.PlanSite{background-color:#FFF; font-size:1em; margin:10px;} table.PlanSite th a{border-left:1px solid #ccc; font:bold 1.4em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:left; line-height:2em; padding-left:15px;} table.PlanSite th a:hover{color:#6297BC;} table.PlanSite td.section{font:bold 1.2em 'Trebuchet MS', Arial, Sans-serif; color:#363c48; text-align:left; line-height:2em; padding-left:15px;} table.PlanSite td{ border-left:1px solid #ccc; font:bold 1.0em 'Trebuchet MS', Arial, Sans-serif; color:#363c48; text-align:left; line-height:2em; padding-left:15px;} table.PlanSite td.subItem a{font:bold 1.0em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:left; line-height:2em; padding-left:15px;} table.PlanSite td.subItem a:hover{color:#6297BC;} */ #avertissement {margin:0px 15px 20px 15px; padding:0em 0 0em 0; background:#fff; border:1px solid #ccc;} #avertissement p {margin:0; padding:0px; line-height:2.5em; text-align:center; background:#568EB6; color:#fff; font-size:.8em; font-weight:bold; border-bottom:1px solid #ccc;} #avertissement a {display:block; background:url(/IMG/PUCE3.gif) 5% 60% no-repeat; padding-left:2em;color:#363C48; white-space:nowrap; width:auto;line-height:1.9em;/} #avertissement a:hover {color:#000; background-color:#dededf;} /* -----------------------------------------------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;} #RDP .byline2 {font:italic 1.1em Times, serif; letter-spacing:1px; margin:0 0 0.5em 0;} #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;} h5.dishdate {font:1.2em Verdana, sans-serif;text-transform:uppercase; letter-spacing:0.33em; padding-left:0px; margin-bottom:0px;} /* ----------------------------news info box page - MieuxVivre ---------------------------- */ #item {border-bottom:1px dashed #B2B2B2; margin:0px 15px; text-align:left; font:1em 'Trebuchet MS', Arial, Sans-serif; padding:0.5em; border-bottom:1px dashed #B2B2B2;} #item h1 a, .ishinfo a, .title a:link, .title a:visited, .authors #item h2 a, .contact #item a.ishno, .illustration p {color:#fd6616;} #item h2 a {font-weight:bold; text-transform:uppercase;} #item h3.title {margin:1em 0 0.5em 0 ; font:1.2em Georgia, Times, serif; font-weight:bold; letter-spacing:2px; text-transform:uppercase;} #item h4 {font:bold 1.1em Verdana, Arial, sans-serif; letter-spacing:1px; margin:0; padding:0;} #item h5 {margin:0;} #item.title a:link, .title a:visited {color:#333;} #item.title a:hover {color:#000;} #item .byline {font:italic 1.1em Times, serif; letter-spacing:1px; margin:0 0 0.5em 0;} #item .byline a:link, .byline a:visited {font:bold 0.85em Verdana, sans-serif; text-transform:uppercase; letter-spacing:2px ; margin-left:0.25em;} #item p {margin:0.5em 0 1.5em;} #item b {margin:0 0.5em;} span.ishdate {padding-left:15px; margin-left:10px; background:url(images/diamond-gray.gif) 0 0.5em no-repeat;} #item .ishinfo {font:0.9em Verdana, sans-serif;text-transform:uppercase; letter-spacing:0.33em;} #item .ishinfo b {font:1.2em Georgia, Times, serif; letter-spacing:1px;} #item.ishinfo a {color:#333; border:none;} #item.ishinfo a:hover {color:#000;} /* additional classes */ .clear {clear:both;} .green {color:#9EC630;} .orange {color:#fe690f;} .white {color:#FFF;} .gray {color:#BFBFBF;} .FSdark {color:#363c48;} .niceblue {color:#6297BC;} .perfRed {color:#ad111c;} .perfBlue {color:#182c82;} .fond1{background:#f2f2f2;} .fond4{background-color:#ccd3e2;} .fond5{background:#b4cde0;} .numberAtout {float:left; padding:-0px 2px 35px 2px ; margin:0; width:25px;} .numberAtoutLong {float:left; padding:0px 2px 50px 2px; margin:0; width:25px; } .numberAtoutShort {float:left; padding:0px 2px 10px 2px ; margin:0; width:25px;} .c0 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.7em; color:#fe690f;} .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;} .c2Blue {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.2em; color:#6297BC;} .c3 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.0em; color:#fe690f;} .c3Blue {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.0em; color:#6297BC;} .c4 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:0.8em; color:#fe690f;} .OrangeGras {color:#fe690f; font-weight:bold;} .barre{text-decoration:line-through;} .smaller{font-size:.8em;} .verysmall{font-size:.7em;} .prod{display:block; text-align:center; border-bottom:1px solid #f2f2f2; background:#90b4cf; padding:0; margin:0 0 10px 0; color:#fff; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color:#fff; line-height:2.3em;} .prod2010{display:block; text-align:center; border-bottom:1px solid #f2f2f2; background:#90b4cf; padding:0; margin:0 0 10px 0; color:#fff; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color:#fff; line-height:1.3em;} .opportunite2010{display:block; text-align:center; border-bottom:1px solid #f2f2f2; background:#90b4cf; 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;} .note {font-size:.8em; font-style:italic;} .noteIndent {font-size:.8em; font-style:italic; margin-left:15px;} .botLine {border-bottom:1px solid #ccc;} .topLine {border-top:1px solid #ccc;} .RightLine {border-right:1px solid #ccc;} .NoJustice {text-align:left;} .ici {color:#fe690f;} .SCPItext {text-align:left; font-size:.9em; margin:0 0 10px 0px; padding:0; line-height:1.3em;} .SCPIattention {text-align:left; font-size:1em; font-weight:bold; margin:0 0 6px 0px; padding:0; color:#fe690f; line-height:1.3em;} .mainpdf{background:url(/IMG/pdf.gif) 1% 60% no-repeat; padding-left:2.5em;color:#4284B0;line-height:2em; margin:0;} a.invert {color:#ff6100; background-color:inherit;text-decoration:none;} a.invert:hover {color:#4284B0; background-color:inherit;} .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 0 0 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; margin:0;} .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;} .rembourse{background:url(/IMG/rembourse-2.gif) 50% 50% no-repeat;} /* Tabs */ .ui-tabs {position:relative; padding:.2em; zoom:1;} /* ce sera cool sur les tabs si il n'était pas jusqu'en haut */ .ui-tabs .ui-tabs-nav {margin:0; padding:.2em .2em 0 0;} .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:#6297BC;} .ui-tabs .ui-tabs-nav li a {float:left; padding:.5em 1em; text-decoration:none; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; border-top-right-radius:6px; color:#fff; .color:#207cc9;} .ui-tabs .ui-tabs-nav li:hover {background-color:#fe690f;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom:0; padding-bottom:1px; background-color:#fe690f;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel {display:block; border:0; padding:1em 1.4em; background:none;} .ui-tabs .ui-tabs-hide {display:none !important;} /* Accordion */ .ui-accordion .ui-accordion-header {cursor:pointer; position:relative; margin-top:1px; zoom:1;} .ui-accordion .ui-accordion-li-fix {display:inline;} .ui-accordion .ui-accordion-header-active {border-bottom:0 !important;} .ui-accordion .ui-accordion-header a {display:block; font-size:1em; padding:.5em .5em .5em .7em;} .ui-accordion-icons .ui-accordion-header a {padding-left:3.2em;} .ui-accordion .ui-accordion-header .ui-icon {position:absolute; left:.5em; top:50%; margin-top:-8px;} .ui-accordion .ui-accordion-content {padding:1em .2em; border-top:0; margin-top:-2px; position:relative; top:1px; margin-bottom:2px; overflow:auto; display:none; zoom:1;} .ui-accordion .ui-accordion-content-active {display:block;} /* Component containers */ .ui-widget {font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:1.0em;} .ui-widget .ui-widget {font-size:1em;} .ui-widget input, #tabs.ui-widget select, #tabs.ui-widget textarea, .ui-widget button {font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:1em;} .ui-widget-content { /*color:#333;*/} .ui-widget-content a {/*color:#333; */} .ui-widget-header {color:#fff; font-weight:bold;} .ui-widget-header a {color:#fff;} /* Interaction states */ .ui-state-default, .ui-widget-content .ui-state-default {background:#f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight:bold; color:#6297bc;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#6297bc; text-decoration:none;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {background:#fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight:bold; color:#fe690f;} .ui-state-hover a, .ui-state-hover a:hover {color:#fe690f; text-decoration:none;} .ui-state-active, .ui-widget-content .ui-state-active {background:#FFF url(images/ui-bg_glass_65_FFF_1x400.png) 50% 50% repeat-x; font-weight:bold; color:#fe690f;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#fe690f; text-decoration:none;} .ui-widget :active {outline:none;} /* Interaction Cues */ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border:1px solid #fe690f; background:#fe690f url(images/ui-bg_highlight-soft_75_fe690f_1x100.png) 50% top repeat-x; color:#363636;} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a {color:#363636;} .ui-state-error, .ui-widget-content .ui-state-error {border:1px solid #cd0a0a; background:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color:#FFF;} .ui-state-error a, .ui-widget-content .ui-state-error a {color:#FFF;} .ui-state-error-text, .ui-widget-content .ui-state-error-text {color:#FFF;} .ui-priority-primary, .ui-widget-content .ui-priority-primary {font-weight:bold;} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary {opacity:.7; filter:Alpha(Opacity=70); font-weight:normal;} .ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity:.35; filter:Alpha(Opacity=35); background-image:none;} .ui-icon {display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;} .ui-icon {width:16px; height:16px; background-image:url(images/ui-icons_FFF_256x240.png);} .ui-widget-content .ui-icon {background-image:url(images/ui-icons_FFF_256x240.png);} .ui-widget-header .ui-icon {background-image:url(images/ui-icons_FFF_256x240.png);} .ui-state-default .ui-icon {background-image:url(images/ui-icons_FFF_256x240.png);} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image:url(images/ui-icons_FFF_256x240.png);} .ui-state-active .ui-icon {background-image:url(images/ui-icons_FFF_256x240.png);} .ui-state-highlight .ui-icon {background-image:url(images/ui-icons_FFF_256x240.png);} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image:url(images/ui-icons_FFF_256x240.png);} .ui-icon-triangle-1-n {background-position:0 -16px;} .ui-icon-triangle-1-ne {background-position:-16px -16px;} .ui-icon-triangle-1-e {background-position:-32px -16px;} .ui-icon-triangle-1-se {background-position:-48px -16px;} .ui-icon-triangle-1-s {background-position:-64px -16px;} .ui-icon-triangle-1-sw {background-position:-80px -16px;} .ui-icon-triangle-1-w {background-position:-96px -16px;} .ui-icon-triangle-1-nw {background-position:-112px -16px;} .ui-icon-triangle-2-n-s {background-position:-128px -16px;} .ui-icon-triangle-2-e-w {background-position:-144px -16px;} .ui-icon-arrow-4 {background-position:0 -80px;} .ui-icon-arrow-4-diag {background-position:-16px -80px;} .ui-icon-extlink {background-position:-32px -80px;} .ui-icon-newwin {background-position:-48px -80px;} .ui-icon-bullet {background-position:-80px -144px;} #jquerypiczone {border:none; min-height:220px;height:220px; margin:0; position:relative;}