/* ------------------------------------------------------------------------------------------ www.nos-sofica.fr 2011, Finance Sélection - Tous droits réservés Ce fichier CSS et protégé par le code de la propriété intellectuelle ------------------------------------------------------------------------------------------ SOMMAIRE : 1 Balises et généralités 2 Entête et menu haut 3 Menu gauche 4 Corps 5 Menu droite 6 Pied de page 7 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:#cdcdcd url(../IMG/bg.gif) repeat-x; text-align:center;} #wrap {background-color:#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;} /* Opérations Marketing ponctuelles au dessus du header */ body.opebody {background-color:white !important; background-image:url(images/ope-ciel.gif) !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: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;} /* 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; 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:10px 15px;} li {color:#666;} /* 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;} .noborder {border:none;} /* formulaires */ form {margin:10px; padding: 0; /*border: 1px solid #ccc;background-color:#FAFAFA;*/} label {display:block; font-weight:bold; margin:5px 0;} input {padding:1px; border:1px solid #ccc; font:bold 1em 'Trebuchet MS', Arial, Sans-serif; color:#777;} input[type=radio] {border:none;} select {padding:1px; border:1px solid #ccc; font:bold 1em 'Trebuchet MS', Arial, Sans-serif; color:#777;} textarea {padding:1px; 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;} #send {cursor:pointer;} /* styles de textes */ 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;} /* Listes */ ul, ol {margin:10px 10px 10px 30px; padding:0 0 0 15px; color:#4284B0;} ul span, ol span {color:#666;} ul.puceorange li {list-style-image:url(images/FlecheOrange.gif); list-style-type:square; color:#666; margin-bottom:0px;} li.bgorange{background-color: #fe690f; } li.bgvert{background-color: #58a225;} /* Alignement */ .float-left {float:left;} .float-right {float:right;} .align-left {text-align:left;} .align-right {text-align:right;} .barre {text-decoration:line-through;} /* Liens */ a {color:#4284B0; background-color:inherit; text-decoration:none;} a:hover {color:#ff6100; background-color:inherit; text-decoration:underline;} a.invert {color:#ff6100; background-color:inherit; text-decoration:none;} a.invert:hover {color:#4284B0; background-color:inherit; text-decoration:underline;} a.orangeback {font-size:1.4em; font-weight:bold; color:#FFF; text-decoration:none; line-height:1.4em;} a.orangeback:hover {color:#f2f2f2; text-decoration:underline;} 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; text-decoration:underline;} a.greyish {color:#333333;} a.greyish:hover{color:#ff6100; text-decoration:underline;} a img {border:none} a:hover img {border:none} /* 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;} a.bouton img {float:left; margin:-5px 5px -5px -5px;} a.soficapresentation {display:block; width:133px; height:22px; background-image:url(images/hp-presentation.gif); background-repeat:repeat-x;} a.soficapresentation:hover {background-position:0 -22px;} a.soficasouscription {display:block; width:131px; height:37px; background-image:url(images/hp-souscription-en-ligne.gif); background-repeat:repeat-x;} a.soficasouscription:hover {background-position:0 -37px;} a.soficatelechargez {display:block; width:131px; height:38px; background-image:url(images/hp-telechargez-le-bulletin.gif); background-repeat:repeat-x;} a.soficatelechargez:hover {background-position:0 -38px;} a.visuelaplusimage {display:block; width:159px; height:225px; background-image:url(images/hp-visuel-a-plus-image.gif); background-repeat:repeat-x;} a.visuelaplusimage:hover {background-position:0 -225px;} a.visuelcinemage {display:block; width:159px; height:225px; background-image:url(images/hp-visuel-cinemage.gif); background-repeat:repeat-x;} a.visuelcinemage:hover {background-position:0 -225px;} a.visuelcofanim {display:block; width:159px; height:225px; background-image:url(images/hp-visuel-cofanim.gif); background-repeat:repeat-x;} a.visuelcofanim:hover {background-position:0 -225px;} a.visuelmanon {display:block; width:159px; height:225px; background-image:url(images/hp-visuel-manon.gif); background-repeat:repeat-x;} a.visuelmanon:hover {background-position:0 -225px;} /* Couleur */ .green {color:#3ab34a;} .orange {color:#fe690f;} .white {color:#FFF;} /* Textes */ .important {font-weight:bold;} .italique {font-style:italic;} /* Taille des textes */ .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; } /* 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:115px; 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:#666; text-indent:0px; font:bold 16px Trebuchet, 'trebuchet MS', Sans-serif; text-transform:none;} #main {float:left; margin-left:15px; padding:0; width:560px;} #sitemap {float:left; margin-left:15px; padding:0; width:95%;} #clearing {clear:both; height:10px;} #clearingLine {clear:both; height:6px; border-top:#CCC solid 1px; margin:5px 15px 0 15px;} #header ul {z-index: 0; position: absolute; margin:0; padding: 0; list-style:none; left: 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;} #header a:hover span {color:#FFF;text-decoration: underline;} #header a:hover {background-position:0% -42px;text-decoration: underline;} #header a:hover span {background-position:100% -42px;text-decoration: underline;} #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: 5px;background: #FFF url(../IMG/underNavNewbg.gif) repeat-x 0% 0%;} #underNavNew ul {z-index: 999999; position: absolute; margin: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 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;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #underNavNew a span {float:none;} #underNavNew a:hover span {color:#FFF;text-decoration: underline;} #underNavNew a:hover {background-position:0% -17px;text-decoration: underline;} #underNavNew a:hover span {background-position: 100% -17px;text-decoration: underline; } #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: underline; 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: underline; 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: underline;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:195px; 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;text-decoration: underline;} /* Fin de MENU GAUCHE */ /* IV - CORPS ------------------------------------------------------------------------------------------- */ #lightbox {display:block; position:fixed; z-index:10000000; width:100%; height:100%; background:url(images/opacity-black-80.png); background-repeat:repeat;} #lightboxmessage {width:500px; height:300px; margin:300px auto; background-color:#EFE3C2;} #lightboxfermer {float:right; margin:10px 10px 0 0;} /*Nouvelle page d'accueil */ #homeaccroche {width:750px; height:69px; background-image:url(images/hp-bulle.jpg); float:left; margin:15px 0 10px;} #homeaccroche p {color:#6197BB; font-weight:bold; font-family:'trebuchet MS'; font-size:120%; margin:0 12px;} #hptableauproduits {float:left; margin-top:5px;} #hptableauproduits td.marge {padding-left:18px;} #hptableauproduits .titre {/*color:black;*/ font-size:120%;} .homebox {position:relative; float:left; width:350px; border:3px solid #207CC9; margin:8px 0 10px 23px; 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;} .homeboxcorne {background-image:url("images/hp-corne-bgbleu.gif"); background-repeat:no-repeat; width:9px; height:39px; margin:7px 0 0 -9px; position:absolute;} .homeboxcorneorange {background-image:url("images/hp-corne-bgorange.gif");} .homebox h3 {float:left; background-color:#207CC9; margin:8px 8px 10px 0; padding:2px 6px; border-bottom:1px solid black; border-right:1px solid black;font-family:myriad pro, arial; font-size:140%; color:white;} .homebox h3.homeboxbgorange {background-color:#FE690F;} .homebox p {clear:both; margin:15px 10px 10px; width:330px;} .homebox table {margin:0 auto;} .homebox table td {padding-bottom:8px;} .homebox table td.titrechamps {text-align:right; font-size:120%; font-weight:bold; text-align:right; font-family:arial; color:black;} .homebox table td input {padding:0 5px; -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;} .homebox table td input.facultatif {border-style:dashed;} .homebox table td label {display:inline;} .homebox table td label.facultatif {color:#4F4F4F !important; font-weight:normal !important;} .homebox table td input.valider {color:white; background-color:#FE8D47; padding:3px 6px; border:2px solid black; font-size:120%; margin-top:10px; cursor:pointer;} .homebox table td input.valider:hover {background-color:#207CC9;} /* Nouvelles pages produits */ .fiche-produit {position:relative; margin-top:15px;} .fiche-produit .couverture {float:left; width:153px; height:203px;} .fiche-produit .couverture img {position:absolute;} .fiche-produit .details {float:left; width:395px;} .fiche-produit .details p {margin:7px 5px ;} .fiche-produit .details .nom {margin:17px 0 0 -5px; background-color:#D3E2EC; color:black; padding:1px 0 4px;} .fiche-produit .details .nom h2 {font-family:trebuchet MS; font-style:italic; color:black; font-size:210%; margin:0 0 0 10px;} .fiche-produit .details .nom p {margin:0 7px 0 10px;} .fiche-produit .details ul.telecharger-pdf {float:left;margin:5px 0 15px; padding:0; list-style-type:none;} .fiche-produit .details ul.telecharger-pdf li {margin-left:5px; margin-bottom:2px; float:left; width:192px; line-height:1.3em;} .gerant {font-size:.8em; font-style:normal; text-transform:none;} /* 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;} /* 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;} .homeboxlarge {position:relative; float:left; width:742px; border:3px solid #207CC9; margin:4px 0px 10px 0px; 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;} .homeboxlarge h3 {float:left; background-color:#207CC9; margin:8px 8px 10px 0; padding:5px 6px; border-bottom:1px solid black; border-right:1px solid black; font-size:13px;color:white; } .homeboxlarge h3 img { border:none; position: absolute; top: 13px;} .homeboxlarge p {clear:both; margin:15px 10px 10px; } .homeboxlarge table {margin:0 auto;} .homeboxlarge table td {padding-bottom:8px;} .homeboxlarge table td.titrechamps {text-align:right; font-size:120%; font-weight:bold; text-align:right; font-family:arial; color:black;} .homeboxlarge table td input {padding:0 5px; -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;} .homeboxlarge table td input.facultatif {border-style:dashed;} .homeboxlarge table td label {display:inline;} .homeboxlarge table td label.facultatif {color:#4F4F4F !important; font-weight:normal !important;} .homeboxlarge table td input.valider {color:white; background-color:#FE8D47; padding:3px 6px; border:2px solid black; font-size:120%; margin-top:10px; cursor:pointer;} .homeboxlarge table td input.valider:hover {background-color:#207CC9;} .homeboxlarge form { margin:0;} table.soficacloturetitles a{font-size:10px; font-weight:bold;} /* Fin de CORPS */ /* V - MENU DROITE ------------------------------------------------------------------------------------- */ #rightbar {float: right; width: 23%; padding: 0; margin:0;} #MDslogan {margin:0px 15px 15px 15px; 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 p{font-size:0.6em;font-style:normal;font-weight:normal;color:#666;} #MDslogan h3 {color:#FF6600; font:bold 14pt 'Trebuchet MS',Arial,Sans-serif; text-align:center; margin:0; padding:0;} #MDslogan h3 a {color:#FF6600; text-decoration:underline;} #MDslogan h3 a:hover {color:#6297BC;} /* 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; _height: 150px; 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%;} #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:underline; font-weight:bold; color:#fe690f;} /* 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;} /* SlideUp */ #slideup {width:100%; height:99px; position:fixed; bottom:-90px; background-image:url("images/slideup-bg.jpg"); background-repeat:repeat-x; border-top:1px solid #525252;} #slideup #contenu {z-index:10; width:1000px; height:99px; margin:0 auto; background-repeat:no-repeat; position:relative;} #slideup a.fermer {z-index:20; width:87px; height:20px; position:absolute; right:5px; top:5px; background-image:url("images/slideup-fermer.gif"); background-repeat:no-repeat;} /* A dupliquer ou modifer pour chaque nouveau SlideUp utilisé sur le site */ #slideup #contenu.emailalerte {background-image:url("images/slideup-accroche.jpg");} #slideup #contenu.emailalerte a.push {width:185px; height:54px; position:absolute; right:25px; top:25px; background-image:url("images/slideup-bouton.png"); background-repeat:no-repeat;} #slideup #contenu.emailalerte a.push:hover {background-position:0 -54px;} /* Fin du PIED DE PAGE */ /* Page d'accueil */ /* 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 #f2f2f2;} #halfBoxR img {float:left; margin:5px; border: 1px solid #f2f2f2;} #halfBoxR p {text-align:left; margin:2px 10px; padding:0;} #halfBoxR h4 {text-align:left; margin:10px 10px; padding:0;} #halfBoxL {float:left; display:block; margin:0 0 0 5px; width:47%; background-color:#fafafa; border:1px solid #f2f2f2;} #halfBoxL img {float:left; margin:5px; border:1px solid #f2f2f2;} #halfBoxL p {text-align:left; margin:2px 10px; padding:0;} #halfBoxL h4 {text-align:left; margin:10px 10px; padding:0;} #HomeBox {margin:15px; border:1px solid #ccc; text-align:left; padding:0.3em 0.3em; display:block; background-color:#fafafa;} /* Création de la classe Homebox car il y en a parfois plusieurs sur la même page */ .HomeBox {margin:15px; border:1px solid #ccc; text-align:left; padding:0.3em 0.3em; display:block; background-color:#fafafa;} #HomeBoxlessMargin {margin:20px 5px; border:1px solid #e2e2e2; text-align:left; padding:0.3em 0.3em; display:block; background-color:#fafafa;} /* 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 0; 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:.5em; 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 0; 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 {float:right;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;width:100%;text-align:center;font-weight:bold;margin:0 0 0.5em 0;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;} #brochureBox {margin:0px 0 0 0 ; background-color: #f2f2f2; padding:0px; border:1px solid #e2e2e2; min-height:280px; } #brochureBoxCloture {margin:0px 0 0 0; background-image:url(brochurebox-cloture.png); background-repeat:repeat; 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; } #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;} #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:#6297BC; background-color:#FFF;} /* -------------------------------fiscalité box--------------------------------------------------- */ #fiscbox {float:right;display:block; width:225px; border:1px solid #CCC; margin:15px 0 1em 20px;padding:0.5em;background:#f2f2f2;} #fiscbox.wide {float:left;display:block; width:520px; margin:inherit;} #fiscbox img {float:right; margin:10px 15px; border:1px solid #CCC;} /* 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;} #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; 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; 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.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.PlanSite {background-color:#FFF; font-size:1em; margin:10px; /*border: 1px solid #ccc;*/} table.PlanSite th {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; text-decoration:underline;} 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; text-decoration:underline;} table.inner {background-color:#FFF; font-size:1em; margin:10px; border:1px solid #ccc;} table.inner td {padding:5px 5px 0; border-bottom:1px solid #ccc;} /* ------------------------------------------- --------------------------------------------------- */ #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:#000000; background-color:#dededf; text-decoration:underline;} /*------------------------------- 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;} /* -----------------------------------------------glossy button--------------------------------------------------- */ 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; /*button text color*/} 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 80px; overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */width: auto;margin-bottom:20px;} /* 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; _margin:5px 15px 5px 5px; } #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: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;text-decoration: underline;} #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; text-decoration:underline;} .newsbox {margin:10px 10px 10px 80px; padding:0 0 0 5px; color:#4284B0;} /* additional classes */ .avertissement {font-size:.6em; color:#666; text-align:center;} .bgrouge {background-color:#FFA200; font-weight:bold; color:#FFF;} .bigger {font-size:1.2em;} .bigger2 {font-size:1.4em;} .botLine {border-bottom:1px solid #ccc;} .topLine {border-top: 1px solid #ccc;} .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;} .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;} .bleuvif { color:#207CC9;} .clear {clear:both;} .cloture {background:url(../IMG/cloture.gif) 50% 50% repeat-y;} .enSavPlus {background: url(../IMG/plus2.gif) 1% 50% no-repeat; padding-left:15px; color:#4284B0; line-height:2em; margin:0;} .gras { font-weight:bold;} .FSdark {color:#363c48;} .fond1 {background:#f2f2f2;} .fond4 {background-color:#ccd3e2;} .fond5 {background:#b4cde0;} .gray {color:#BFBFBF;} .ici {color:#fe690f;} .mainpdf{background: url(../IMG/pdf.gif) 1% 60% no-repeat; padding-left:2.5em; color:#4284B0; line-height:2em; margin:0;} .newfiche {border:1px solid #CCC; margin:0; padding:0;} .niceblue {color:#6297BC;} .NoRight {border-right:none;} .note {font-size:.8em; font-style:italic;} .numberAtout {float:left; padding:-0px 2px 35px 2px; margin:0; width:25px;} .numberAtoutLong {float:left; padding:0px 2px 40px 2px; margin:0; width:25px;} .numberAtoutShort {float:left; padding:0px 2px 10px 2px; margin:0; width:25px;} .OrangeGras {color:#fe690f; font-weight:bold;} .pdf-icone{background: url(../IMG/pdf-icone.gif) 1% 50% no-repeat; color:#666; line-height:32px; display:block;width:100%; 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;} .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;} .prodclosed{display:block; text-align:center; border-bottom:1px solid #f2f2f2; background: #90b4cf; padding:0 0 3px 0; margin:0 0 10px 0; color:#FFF; font:bold 1em 'Trebuchet MS', Arial, Sans-serif; margin-top:-15px; _margin-top:-10px; } .prodNoBot {border-bottom:none;} .RightLine {border-right: 1px solid #ccc;} .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;} .smaller {font-size:.8em;} .verysmall {font-size:.7em;} p.info {margin: 1em 0 0 0em; padding:0.5em 0 0.5em 0.5em; background-color:#90b4cf; font-weight:bold; border:solid #CCC 1px;} p.info2 {margin:0 0 1em 0em; padding:0.5em 0 0.5em 0.5em; background-color:#f2f2f2; font-weight:bold; border:solid #CCC 1px; border-top:none;}