body {font:12px Arial,Helvetica, sans-serif;background:#31363C url(../img/bg-site.png) repeat-x center center;background-attachment:fixed;padding:0 0 50px 0;margin:0}
img {border:none;}

/* General */
p.texte{color:white;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
p.texteleft{color:white;font-family: Arial, Helvetica, sans-serif;font-size: 12px; text-align:left;}
p.texteardoise{color:#83919B;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
p.texteb{color:white;font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-weight:bold; margin:0 0 8px 0;}
a.lien{color:white;font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:22px;margin:0 0 0 0;text-decoration:none;}
a.lien:hover{color:#FF6600;}
p.bold-center{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; font-weight:bold; margin:5px 0 0 0;}
span.orange{color:#ff6600;}
input, textarea {font-family:Arial,Helvetica,sans-serif;font-size:12px;}

/* Dock Top */
.dock {position:relative;height:60px;background:url(../img/dock-bg2.gif) repeat-x;z-index:8;}
.dock-container {position:absolute;height:60px;margin-left:70px}
a.dock-item {display:block;color:white;position:absolute;text-align:center;text-decoration:none;font:normal 12px Arial, sans-serif;padding:0 20px}
.dock-item img {border:none;margin:5px 0 0 0;width:100%}
.dock-item span {display:none;padding-left:20px;}
.dock-container span {background:#50585E;width:15em;border:0;text-align:center;text-indent:0;padding:0.5em 0;margin:0}

/* Barre bas */
div.fixe{width:100%; height:27px; background:#50585E; position:fixed; bottom:0px; z-index:8; padding:3px 0 0 0; border-top: 1px solid #333; }
div.contenu-fixe{width:960px;margin:0 auto 0 auto;}
	/* Inscription - connection */
div.connect{float:right; margin:0;}
div.inscrire{display:inline; padding:0;}
img.inscrire{margin:2px 5px 0 0; float:left;}
div.separ{width:1px; background:url(../img/separ.gif) repeat-y; height:24px; margin:0 20px 0 20px; float:left;}
div.connection{width:316px; float:right;}
input.input1{width:136px; height:19px; background-color:white; color:#31363C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0; margin:0 0 0 5px; padding:5px 0 0 5px; float:left;}
input.ok{width:24px; height:24px; float:right;}
	/* Indices bourse */
div.indices{float:left; margin:0;}
div.CAC{margin:0; float:left;}
p.CAC{color:white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:22px; margin:0;}
div.CACPlus{width:70px; height:22px; background:url(/img/bulle-CAC40.png) no-repeat; color:#008000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin:0 0 0 5px; float:left; font-weight:bold; padding:3px 0 0 3px;}
div.CACMoins{width:70px; height:22px; background:url(/img/bulle-CAC40-.png) no-repeat; color:#b30000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin:0 0 0 5px; float:left; font-weight:bold; padding:3px 0 0 3px;}
div.separL{width:1px; background:url(../img/separ.gif) repeat-y; height:24px; margin:0 10px 0 10px; float:left;}
	/* Signatures */
div.signatures{float:left; color:#83919b; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:22px; margin:0 30px 0 0;text-decoration:none;}
a.signature{color:#83919b; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:22px; margin:0;text-decoration:none;}
a.signature:hover{color:#FF6600; text-decoration:underline;}
	/* Icones */
a.icone-footer{float:left; margin:0 10px 0 0;}
a.icone-footer span{display:none;}
#bouton_loupe{width:24px; height:24px; background:url(/img/loupe.gif) no-repeat;}
#bouton_contact{width:29px; height:24px; background:url(/img/contact-footer.png) no-repeat;}
#bouton_glossaire{width:24px; height:24px; background:url(/img/glossaire-footer.png) no-repeat;}

/* Recherche */
div.recherche {float:left; margin: 0; padding: 0;}
input.input2 {width:170px; height:19px; background-color:white; color:#31363C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0; margin:0 0 0 5px; padding:5px 0 0 5px; float:left;}
input.ok2 {width:24px; height:24px; float:left;}
img.recherche {float:left;}
#formulaireRecherche{float:left; margin:-28px 0 0 -155px; display:none;}

/* Fleche */
div.fleche{width:100%; position:fixed; bottom:1px;z-index:10; display:none; border-bottom:3px solid gray;height:10px;}
img.fleche{width : 10px; display:block; margin:0 auto 0 auto;}


/* Partie Home */
div.haut{width:100%;height:45%;background-color: #31363C;position:absolute;top:0;}
div.bas{width:100%;height:55%;background-image:url(../img/bg2.gif);background-repeat:repeat-x;position:absolute;bottom:0;}
body.home div.accroche{width:960px;margin:0px auto 0 auto;position:relative;height:100%;}
body.home div.int-accroche{width:530px;bottom:20px;position:absolute;left:0; color:white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:justify;}
body.home div.int-accroche ul{margin:10px 0 0 0}
body.home div.int-accroche li{margin-left:16px}
table.remontee-analyses{width:365px; border:0;}
table.remontee-analyses tr.analyse{background:#50585E; height:20px; color:white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; text-decoration:none;}
table.remontee-analyses td.date{color:#bfd4e2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; text-decoration:none; font-style:italic;}
table.remontee-analyses tr.vide{background:#31363C; height:2px;}
table.remontee-analyses tr a{background:#50585E; padding: 0; height:20px; color:white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; text-decoration:none;}
table.remontee-analyses tr a:hover{text-decoration:underline;}
div.remontee-analyse{width:380px;bottom:20px;position:absolute;right:0;height:178px}
div.scroll{height:146px;width:380px;overflow:hidden}
div.edito{width:380px}
div.contenu-edito{width:370px; background:#50585E; height:11px; overflow:hidden; padding:3px 5px 5px 5px; margin:0 0 10px 0;}
#bouton_edito{width:47px; height:15px; float:right; background:url(/img/lire.png) no-repeat; margin:0 0 0 2px;}
#bouton_edito span{display:none;}
h1.titre-edito{margin:0 0 5px 0; color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; text-align:left;}
body.home div.applis{width:960px;margin:0 auto 0 auto;}
img.logo{float:left;margin:0 0 0 0;}
p.accroche{color:white;font-family: Arial, Helvetica, sans-serif;font-size: 12px;float:left;text-align:justify;}

p.orange14BL{color:#FF6600;font-family: Arial, Helvetica, sans-serif;font-size: 14px;text-align:left;margin:0 0 0 0;font-weight:bold;}
img.appli-index{margin:30px 0 0 0;float:left;}
div.liens{float:right;width:380px;margin:30px 0 0 0;}
div.liens ul {margin:15px 0 0 0;padding:0}
div.liens li {list-style: none outside;text-indent:30px}
a.liste{cursor:pointer;color:white;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;line-height:25px;}
a.liste:hover{color:#FF6600;}
img.pictos{float:left;margin:16px 0 0 0;height:200px;}
div.liens #pictoAssuranceVie {background:transparent url(../img/assurance-vie-25x25-nb.png) no-repeat 0 3px}
div.liens #pictoImmo {background:transparent url(../img/immo-25x25-nb.png) no-repeat 0 3px}
div.liens #pictoBourse {background:transparent url(../img/bourse-25x25-nb.png) no-repeat 0 0}
div.liens #pictoEtoile {background:transparent url(../img/etoile-25x25-nb.png) no-repeat 0 1px}
div.liens #pictoCrise {background:transparent url(../img/crise-25x25-nb.png) no-repeat 0 2px}
div.liens #pictoCarte {background:transparent url(../img/carte-25x25-nb.png) no-repeat 0 1px}
div.liens a.liste:hover {color:#f60}

/* Edito */
#edito_redac{width:550px; margin:0 10px 0 0; float:left;}
#edito_historique{width:340px; float:right; background:white; height:378px; padding:10px; overflow:auto;}
p.titre_orange12L{color:#FF6600; font-family: Arial, Helvetica, sans-serif; font-size:14px; text-align:left; margin:0; font-weight:bold;}
h3.chapeau{color:#31363C; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:left; margin:0 0 15px 0; font-weight:bold;}
p.edito_date{color:#83919b; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:left; margin:0 0 5px 0; font-weight:bold;}
#edito_liste{margin:10px 0 0 15px;}
#edito_liste a{color:#31363C; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin:0; font-weight:normal; text-decoration:none;}
#edito_liste a:hover{text-decoration:underline;}
#edito_redac table {border-collapse:collapse;margin:16px auto;}
#edito_redac table th, #edito_redac table td {border:1px solid black;padding:4px 8px;}
#edito_redac table td {text-align:right;}

/* Applis */
div.bg {position:absolute;left:0;top:0;width:100%;height:0px;background:url(../img/bgx.gif);z-index:-1;}
div.appli{position: absolute; left: 50%; width:960px; margin-left: -480px; top: 0; margin-top: 50px }
div.appli-immo{position: relative;}
div.descriptif-appli{width:920px;margin:0 0 10px 10px; height:100%;float:left;clear:both;}
div.LogoAppli{width:178px; height:39px; background:url(../img/application-wealth-patrimoine.gif) no-repeat; float:right; margin:30px 10px 0 0;}
h1{color:#FF6600;font-family: Arial, Helvetica, sans-serif;font-size: 20px;text-align:left;margin:0 0 0 75px;font-weight:normal;}
h2{color:white;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;margin:0 0 0 75px;font-weight:normal;text-align:justify; width:780px;}

/* Aides applis */
a.aide-appli{float:right; margin:20px 0 0 0; background:url(/img/aide-appli.png) no-repeat; width:31px; height:40px;}
a.aide-appli span{display:none;}
a.fermer-aide{margin:0 0 10px 10px; background:url(/img/fermer.png) no-repeat; width:60px; height:15px; float:right;}
a.fermer-aide span{display:none;}
div.contenu-aide-appli{width:920px; height:400px; background:white; margin:-19px 0 0 -26px; padding: 20px; display:none;}
div.appli-immo div.contenu-aide-appli{width:960px; height:400px; background:white; margin:-15px 0 0 -15px; display:none;}
p.titre-aide-appli{color:#FF6600; font-family:Arial, Helvetica, sans-serif; font-size: 18px; text-align:left; margin:0 0 15px 0; font-weight:normal; float:left;}
div.contenu-aide-appli ul, div.contenu-aide-appli li{margin-left:20px; list-style:square inside;}
div.contenu-aide-appli ul p, div.contenu-aide-appli li p{color:black;}

/* Page classique */
div.page { position: absolute; left: 50%; width:960px; margin-left: -480px; top: 0; margin-top: 50px }
div.page div.header {margin: 0 0 10px 0}
div.page div.content {width:960px;height:400px;background:transparent url(../img/fondpage.png) no-repeat 0 0}
div.page fieldset table td, div.page fieldset table th {padding:5px 0;text-align:left}
div.page fieldset table th {width:180px}
div.page fieldset legend {font-size:140%;color:#ff6600;font-weight:bold;}

div.page form tr.important {background:#a4b5bf; border:0;}
div.page form tr.important th {text-indent:5px;border:0;border-right:0}
div.page form tr.important td {border:0;border-left:0}

div.page fieldset.personnelles {margin:20px 0 0 30px; padding:10px; width:400px; border:0; position:absolute; background:white;height:178px;}
div.page fieldset.personnelles legend {margin:-5px 0 10px 0;padding:0;}
div.page fieldset.personnelles th{width:130px}
div.page fieldset.personnelles #nom {width:200px}
div.page fieldset.personnelles #prenom {width:200px}
div.page fieldset.personnelles #dateDeNaissance {width:100px}
div.page fieldset.personnelles #idProfession {width:200px;font-size:110%}

div.page fieldset.coordonnees {margin:20px 0 0 520px; padding:10px; width:400px; border:0; position:absolute; background:white;height:178px;}
div.page fieldset.coordonnees legend {margin:-5px 0 10px 0;padding:0;}
div.page fieldset.coordonnees input {width:200px}
div.page fieldset.coordonnees #telephone {width:100px}
div.page fieldset.coordonnees #cp {width:70px}

div.page fieldset.motdepasse {margin:250px 0 0 30px; padding:10px; width:400px; border:0; position:absolute; background:white;display:none;}
div.page fieldset.motdepasse legend {margin:-5px 0 10px 0;padding:0;}
div.page fieldset.motdepasse th {width:210px}
div.page fieldset.motdepasse #motDePasse {text-decoration:underline;cursor:pointer}
div.page fieldset.motdepasse #mdpClair{position:absolute;visibility:hidden;margin:3px 0 0 10px;font-size:12px;font-weight:bold;}
div.page fieldset.motdepasse #mdp2Clair{position:absolute;visibility:hidden;margin:3px 0 0 10px;font-size:12px;font-weight:bold}

div.page form .submit {margin:290px 0 0 580px}
div.page form #afficherErreurs {position:absolute;margin:260px 0 0 520px;text-decoration:underline;color:#f00;font-weight:bold}
div.page form #afficherErreurs a {color:#f00}
#messagesErreurs {color:#f00;margin:30px 0 0 30px}
#messageConfirmation {position:absolute;margin:260px 0 0 520px;color:#050;font-weight:bold}

.labelError { color: #f00; }

/* Pages Actus et Analyses */

/* Identique aux 2 */
div.date_actu, div.date_analyse{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; font-weight:bold;float:left; text-indent: 10px}
div.bouton-navigation_actu, div.bouton-navigation_analyse{float:left; margin:0 20px 0 20px;}

/* Actus */
div.ensemble-actu{background:url(/img/bg-bleu.png) no-repeat; width:960px; height:380px; padding:10px;}
div.navigation_actu{float: left; height:26px; background:#a6b5bf; line-height:26px; margin-top: 10px; width: 100%;}
div.semaines_actu.selected, div.semaine.selected a{color:white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; font-weight:bold; float:left; letter-spacing:5px; background:#ff6d00; height:26px; line-height:26px; text-decoration:none;}
div.semaines_actu.selected a:hover{color:white;text-decoration:underline;}
div.semaines_actu.future{height:26px; background:#c1d2dd;padding:0 20px 0 20px; margin:0; line-height:26px; color:#79848c; text-decoration:none;}
div.semaine, div.semaine a{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; font-weight:bold; float:left; letter-spacing:5px; padding: 0 9px; text-decoration:none;}
div.semaine a:hover{text-decoration:underline;}
div.actualite{clear:both;}
div.actualite h2{color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:24px 0 3px 0; font-weight:bold; float:left;}
span.info_actu{color:#9ba9b3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0 0 10px 0; font-style:italic; float:left;}
p.content_actu{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; text-align:justify; }
div.actualite a{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; text-align:justify; text-decoration:underline; clear:both;}
div.actualite a:hover{color:#ff6d00;}
p.ss-titre-actu{color:white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0 0 10px 0; text-align:left;}
a.image{float:right; margin:0;}
div.image-legende{float:right; margin:0 0 0 10px;width:280px;}

/* Actus : Code permettant de créer des coins arrondis sur les bordures (Sauf pour IE) */
div.navigation_actu { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px }

/* Analyse */
div.navigation_analyse31{ background: #a6b5bf; width: 100%; height:26px; line-height:26px; float:left; margin:10px 0 0 0;}
div.jour.selected , div.jour.selected a{color:white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; font-weight:bold; float:left; background:#ff6d00; height:26px; line-height:26px; text-decoration:none;}
div.jour.selected a:hover{color:white;text-decoration:underline;}
div.jour.future{width:20px;height:26px; background:#c1d2dd; margin:0; line-height:26px; color:#79848c; text-decoration:none;}
div.jour.achetee{color:white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; font-weight:bold; float:left; background:#50585E; height:26px; line-height:26px; text-decoration:none;}
div.jour.achetee a{color:white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; font-weight:bold; float:left; background:#50585E; height:26px; line-height:26px; text-decoration:none;}
div.jour.achetee a:hover{text-decoration:underline;}
div.jour, div.jour a{color:#31363c; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; font-weight:bold; float:left; text-decoration:none;}
div.jour a:hover{text-decoration:underline;}
div.sansanalyse{clear:both;}
span.lien{width:155px; height:33px; display:none;}
div.analyse span.ttct {color:#3366FF;font-weight:bold;}
div.analyse span.tct {color:#0000FF;font-weight:bold;}
div.analyse span.ct {color:#FF00FF;font-weight:bold;}
div.analyse span.mt {color:#00FF00;font-weight:bold;}
div.analyse span.lt {color:#800080;font-weight:bold;}
div.analyse span.trendlt {color:#FF0000;font-weight:bold;}

div.date_analyse { width: 120px }
div.bouton-navigation_analyse { float: left; margin: 0; width: 50px }
div.jour, div.jour a { width: 20px }

.aptimum{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:italic; color:#50585E;}
#onglets-analyse-achetee{height:22px; width:100%; background:url(/img/bg-div-onglet-analyse.png) repeat-x; background-position:0 0; margin-top:20px;}
#onglets-analyse{height:22px; width:100%; background:url(/img/bg-div-onglet-analyse.png) repeat-x; background-position:0 0;}
#onglets-analyse li, #onglets-analyse-achetee li{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:white;}
#onglets-analyse li a, #onglets-analyse-achetee li a{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:white; text-decoration:none;}
#onglets-analyse li a:hover, #onglets-analyse-achetee li a:hover{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:white; text-decoration:underline;}
#onglet-analyse{float:left; margin-left:2px; background:url(/img/onglet-analyse.png) no-repeat; width:117px; height:18px; padding-top:3px;}
#onglet-analyse:hover{background:url(/img/onglet-analyse-hover.png) no-repeat;}
#onglet-analyse-actif{float:left; margin-left:2px; background:url(/img/onglet-analyse-actif.png) no-repeat; width:117px; height:18px; padding-top:3px;}
#achat-analyse{margin-top:25px;}
div.bg-analyse-selection{width:900px; background:white; padding:10px; margin:0;}
div.loggin-analyse{float:left; width:430px; height:183px; background:url(/img/bg-log-analyse.png) no-repeat; background-position:0 0; margin:40px 0 0 20px; padding:10px;}

/* Analyse : Code permettant de créer des coins arrondis sur les bordures (Sauf pour IE) */
div.navigation_analyse31 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px }

div.graphiques{width:938px;}
div.graphique1, div.graphique2{float:left; margin: 20px 0 0 0;}
p.legende-graphique{color:#31363c; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; padding:0; text-decoration:none;}
div.tableau-analyse{margin:30px auto 0 auto; clear:both; text-align:center;}
div.analyse h2{float: left; width: 100%; color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:20px 0 15px 0; font-weight:bold;}
div.bg-blanc100{width:920px; height:182px; background:url(/img/bg-accedez.png) no-repeat; padding:10px; margin:30px 0 0 0;}
#achetez_credits_bouton {width:155px; height:33px; background-image:url(/img/acheter-nouveaux-credits.png); margin: 20px auto 0 auto;}
#bouton_achetez_nouveaux {width:229px; height:62px; background-image:url(/img/acheter-nouveaux-credits.png); margin: 40px auto 0 auto; float:left;}
#bouton_accedez_analyse {width:348px; height:62px; background-image:url(/img/accedez.png); margin: 40px 30px 0 140px;float:left;}
p.consultez{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; font-weight:bold;}
p.consultez-C{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:30px 0 0 0; font-weight:bold; text-align:center;}

/* Espace Client */
div.buttons{float:right;}
a.bouton{background-color: transparent; background-repeat: no-repeat; background-position: 0 0; display: block;}
a.bouton span {display: none;}
#boutonHome {width:148px; height:27px; background-image:url(/img/accueil-client.png);float:right; margin:10px 0 0 5px;}
#boutonDeconnect {width:104px; height:27px; background-image:url(/img/deconnexion.png);float:right; margin:10px 0 0 0;}
#boutonPDF {width:30px; height:30px; background-image:url(/img/logo-pdf.png);float:right; margin:0 60px 0 0;}

#clientMenu {float:left;margin-top:40px;padding:0;list-style:none outside}
#clientMenu li {margin:10px 20px 0 50px;padding:0;float:left;width:400px}
#clientMenu a {padding:20px 0 0 95px; display:block;height:100px;color:#31363c;text-decoration:none}
#clientMenu .informationsCoordonnees {height:100px;color:#31363c;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;background:transparent url(/img/picto-client-1.gif) no-repeat 0 0;}
#clientMenu .credits {color:#31363c;font-family: Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;background:transparent url(/img/picto-client-2.gif) no-repeat 0 0;height:100px}
#clientMenu .portefeuilles {color:#31363c;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;background:transparent url(/img/picto-client-3.gif) no-repeat 0 0;height:100px}
#clientMenu .contact {color:#31363c;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;height:100px;background:transparent url(/img/picto-client-4.gif) no-repeat 0 0}
#clientMenu .fundclass {color:#31363c;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;height:100px;background:transparent url(/img/logo-fundclass.png) no-repeat 0 7px}
#clientMenu .crp {color:#31363c;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;height:100px;background:transparent url(/img/logo-crp.png) no-repeat 0 10px}
#clientMenu .wpservices {color:#31363c;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;height:100px;background:transparent url(/img/logo-wps.png) no-repeat 0 7px}
#clientMenu .contact a:hover,#clientMenu .informationsCoordonnees a:hover, #clientMenu .credits a:hover, #clientMenu .portefeuilles a:hover  {text-decoration:underline}

table.raccourcis-portefeuille{width:200px; float:right; display:inline; margin-top:-30px;}
img.pictos-titres{float:left; margin:0;}
img.pictos-titres-ie6{float:left; margin:0 20px 0 0;}

/* Achat de crédits */
div.dispo{text-align:center; margin:0 auto;}
h3.titre{margin:20px 0 0 10px; clear:both; float:left; color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold;}
table.recap-credits{width:938px; margin:0 0 0 10px;}
tr.entete{height:30px; background:#6c757e; color:white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; font-weight:bold; border:0;}
tr.ligne-commande{height:38px; background:#c1d2dc; color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; border:0;}
a.achatCredits{float:right; margin:10px 10px 0 50px;}

div.packs{float:right; width:483px; height:340px; background:url(/img/bg-packs.png) no-repeat; background-position:0 0; margin:40px 40px 0 0; padding:10px;}
div.packs span{color:#ff6600;}
p.valeur-credit{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; font-weight:bold; margin:5px 0 0 0;}
p.combien{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; font-weight:bold; margin:5px 0 0 10px;}
div.recap-credits-etap1{margin:30px 0 0 10px;}
div.choix-pack{margin:30px 0 30px 0; height:66px;}
#boutonPack1 {width:91px; height:61px; background-image:url(/img/credits1-1.png); float:left; margin:0 0 0 5px;}
#boutonPack1:hover{width:91px; height:66px; background-image:url(/img/credits1.png)}
#boutonPack2 {width:91px; height:61px; background-image:url(/img/credits2-1.png); float:left;margin:0 0 0 5px;}
#boutonPack2:hover{width:91px; height:66px; background-image:url(/img/credits2.png)}
#boutonPack3 {width:91px; height:61px; background-image:url(/img/credits3-1.png); float:left;margin:0 0 0 5px;}
#boutonPack3:hover{width:91px; height:66px; background-image:url(/img/credits3.png)}
#boutonPack4 {width:91px; height:61px; background-image:url(/img/credits4-1.png); float:left;margin:0 0 0 5px;}
#boutonPack4:hover{width:91px; height:66px; background-image:url(/img/credits4.png)}
#boutonPack5 {width:91px; height:61px; background-image:url(/img/credits5-1.png); float:left;margin:0 0 0 5px;}
#boutonPack5:hover{width:91px; height:66px; background-image:url(/img/credits5.png)}
div.topo-paiement{float:left; width:333px; margin:30px 0 0 40px;}
p.explain-credit{color:#50585e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; margin:0 0 20px 0;}
input.credit-achat-boutton{margin:60px 0 0 135px;}

div.recap-paiement{float:left; width:283px; height:213px; background:url(/img/bg-recap-paiement.png) no-repeat; background-position:0 0; margin:40px 0 0 30px; padding:10px;}
span.ttc, span.tva, span.date{font-size: 12px; color:#ff6600; font-weight:bold;}
img.pack_credits_choisi{margin:10px 0 10px 0;}
div.choix-paiement{float:right; width:556px; height:233px; background:url(/img/bg-choix-paiement.png) no-repeat; background-position:0 0; margin:40px 0 0 0; padding:10px 0 0 30px;}
img.mode-paiement{margin:0 0 0 20px;}
table.mode-paiement{margin: 20px 0 0 0;}
tr.mode-paiement{height:80px;}
p.cgv{margin:25px 0 0 65px;}
input.valid-choix-bouton{margin:30px 0 0 145px;}

.titre-ok{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; color:#FF6600; padding-top:80px;}

/* Portefeuilles */
div.left{width:460px; float:left; margin:0 0 0 10px;}
div.right{width:460px; float:right; margin:0 10px 0 0;}
h4.portefeuilles{margin:0; clear:both; color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold;}
div.portefeuille-top{width:940px; margin:0 0 0 10px; padding-top:10px;}
div.portefeuille-bottom{width:940px; margin:0 0 0 10px;}
#pagePortefeuilles table.list{width:100%; margin:5px 0 0 0;}
#pagePortefeuilles table.list a { color: #000; text-decoration: none; }
#pagePortefeuilles table.list td.actions span { display: none }
#pagePortefeuilles table.list a.manage { float: left; display: block; width: 16px; height: 16px; background: transparent url(../img/wallet-manage.png) no-repeat 0 0 }
#pagePortefeuilles table.list a.delete { margin: 0 0 0 15px; float: left; display: block; width: 16px; height: 16px; background: transparent url(../img/wallet-del.png) no-repeat 0 0 }
#pagePortefeuilles table.list td.actions { text-align: right; }
/*#pagePortefeuilles #portefeuilleAjouter { position: absolute; left: 50%; margin: 20px 0 0 320px; background: #31363C url(/img/bouton-creer-portefeuille.png) no-repeat 5px center; padding: 5px 10px 5px 25px }
#pagePortefeuilles #portefeuilleAjouter a { text-decoration: none; color: #fff; }*/
#portefeuillesWrapper { float: left; width: 900px; height: 300px; overflow: auto; margin: 50px 0 0 40px }
#formPortefeuilleAjouter #formMessage { color: #050; font-weight: bold; padding: 20px 0; text-indent: 30px }
div.bouton{margin:40px 0 0 80px;}
a.ajouterPortefeuille{float:right; margin:0 5px 0 0;}
p.attention{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; font-weight:bold; text-align:center;}
span.app2-portefeuille{width:32px; height:32px; background:url(/img/crise-32x32.png) no-repeat;}
span.app2-portefeuille-disabled {width:32px; height:32px; background:url(/img/crise-32x32-disabled.png) no-repeat;}
span.app4-portefeuille{width:32px; height:32px; background:url(/img/performance-32x32.png) no-repeat;}
span.app6-portefeuille{width:32px; height:32px; background:url(/img/assurance-32x32.png) no-repeat;}
span.appportefeuille-portefeuille{width:32px; height:32px; background:url(/img/analyse-32x32.png) no-repeat;}
span.appportefeuille-portefeuille-disabled {width:32px; height:32px; background:url(/img/analyse-32x32-disabled.png) no-repeat;}
span.detail-portefeuille{width:32px; height:32px; background:url(/img/detail-portefeuille.png) no-repeat;}
span.modifier-portefeuille{width:16px; height:15px; background:url(/img/modifier-portefeuille.png) no-repeat;}
span.supprimer-portefeuille{width:16px; height:15px; background:url(/img/supprimer-portefeuille.png) no-repeat;}
div.creerCompte{margin:10px 0 0 0; width:940px; background:#C1D2DC; padding-top:10px;}

/* Resultats de recherche */
div.pagescrollable{position: absolute; left: 50%; width:960px; margin-left: -480px; top: 0; margin-top: 50px }
div.pscontenu{background-color:#cddfeb;min-height:378px; padding:0 20px 0 20px;}
div.pshaut{width:960px; height:11px; background:url(/img/top-scrollable.png) no-repeat; background-position:0 0;}
div.psbas{width:960px; height:11px; background:url(/img/bottom-scrollable.png) no-repeat; background-position:0 0;}
#resultats-actus, #resultats-analyses, #resultats-editos {background:white; padding:0 10px 10px 10px}
h4.resultat{margin:0; clear:both; color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration:none;}
h4.resultat a{margin:0; clear:both; color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration:none;}
h4.resultat a:hover{text-decoration:underline;}

/* Aide / Glossaire */
h3.glossaire{margin:0; color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
p.definition{margin:0 0 10px 0;}
span.definition{border-bottom:1px dotted #333}
h2 p span.definition{border-bottom:1px dotted #FFFFFF}
div.pscontenu-aide{background-color:#cddfeb;min-height:378px; padding:0 20px 0 20px; float:left;}
div.pshaut-aide{width:960px; height:11px; background:url(/img/top-scrollable.png) no-repeat; background-position:0 0;float:left;}
div.psbas-aide{width:960px; height:11px; background:url(/img/bottom-scrollable.png) no-repeat; background-position:0 0;float:left;}

/* Loggin */
div.loggin{float:left; width:430px; height:213px; background:url(/img/bg-log.png) no-repeat; background-position:0 0; margin:40px 0 0 20px; padding:10px;}
div.new-compte{float:right; width:430px; height:213px; background:url(/img/bg-log.png) no-repeat; background-position:0 0; margin:40px 20px 0 0; padding:10px;}
div.new-compte-analyse{float:right; width:430px; height:213px; background:url(/img/bg-log-analyse.png) no-repeat; background-position:0 0; margin:40px 20px 0 0; padding:10px;}
div.loggin-portefeuille{width:430px; height:173px; background:url(/img/bg-log-portefeuille.png) no-repeat; background-position:0 0; margin:20px 0 0 0; padding:10px;}
div.new-compte-portefeuille{width:430px; height:143px; background:url(/img/bg-new-portefeuille.png) no-repeat; background-position:0 0; margin:0; padding:10px;}
#formLoginMainSubmit {width:214px; height:75px; background-image:url(/img/btn-identifier.png); margin:20px 0 0 100px;}
#formLoginMainSubmit-analyse {width:214px; height:75px; background-image:url(/img/btn-identifier.png); margin:0px 0 0 100px;}
#boutonNewcompte {width:300px; height:75px; background-image:url(/img/creer-compte-gratuit.png); margin:50px 0 0 65px;}
#formLoginMainSubmit-portefeuille {width:300px; height:75px; background-image:url(/img/identifiez-portefeuille.png); margin:20px 0 0 80px; float:left;}
#boutonNewcompte-portefeuille {width:300px; height:75px; background-image:url(/img/creer-compte-gratuit.png); margin:20px 0 0 120px; float:left;}
p.titre-loggin{margin:0 0 20px 0; clear:both; color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; text-align:center;}
table.loggin{margin:0 0 0 70px;}
table.portefeuille-ajout{width:944px; margin:0 0 0 -2px}

/* Chargement de la page */
div#pageLoading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent url(../img/page-loading.gif) no-repeat center center}
div#pageLoading .message { position: absolute; width: 500px; height: 30px; top: 50%; left: 50%; margin-left: -250px; margin-top: 60px; color: #fff; text-align: center; font-size: 150%;}

/* Immobilier - Part.2 Listing */
div.listing-immo{width:522px; height:367px; background:white; margin:0; overflow:auto;}
div.relative-immo{width:522px; height:367px; position:absolute; margin:94px 0 0 16px; display:none;}
div.nb-resultats{width:520px; height:18px; background:#ff6600; color:white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align:center; margin:1px 0 0 1px; padding-top:2px;}
dl.fiche{width:485px; height;115px; margin:10px 0 10px 10px;}
p.titre-fiche{color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align:left; float:left; margin:0 0 5px 0;}
span.nb-lots{color:#b0c0c8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align:left; font-style:italic;}
p.prix{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align:right; float:right; margin:0 7px 0 0;}
dd.descriptif-listing-immo{clear:both;}
p.descriptif-listing-immo{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:justify; width:365px; height:40px; overflow:hidden;}
p.date-livraison, p.fiscalite{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-align:left;}
#boutonConseiller_immo{width:250px; height:19px; background-image:url(/img/btn-conseillerimmo.png); float:left; margin:10px 5px 0 0;}
#boutonDetail_immo{width:112px; height:19px; background-image:url(/img/btn-detail.png); float:left; margin:10px 0 0 0;}
hr.separateur-immo{margin:10px 30px 10px 10px;}
img.bien-immo{float:left; border:1px solid #31363c; margin:2px 10px 0 0;}
a.cacherProgrammes, a.retourProgrammes {float:left; margin:2px 0 0 4px;}
div#fiche a.cacherProgrammes, div#fiche a.retourProgrammes {float:right; margin:12px 0 0 4px;}
a.cacherProgrammes span, a.retourProgrammes span {display:none;}
#bouton_fermer{width:60px; height:15px; background:url(/img/fermer.png) no-repeat;}
#bouton_retour{width:60px; height:15px; background:url(/img/retour.png) no-repeat;}

#fiche_detail{width:495px; height;340px; margin:10px 0 10px 10px;}
dd.descriptif-detail-immo{clear:both; width:315px; float:left;}
p.descriptif-detail-immo{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:justify; width:315px; margin:5px 0 0 0;}
dd.fiscalite{width:155px; height:115px; background:#e6eff5; float:right; padding:5px;}
span.texte{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; font-weight:normal;}
#bouton_immoPDF{width:250px; height:19px; background-image:url(/img/btn-pdf-immo.png); margin:10px 5px 0 0;}
dd.photos-detail-immo{margin:0; clear:both;}
img.photo-detail-immo{width:155px; height:124px; border:1px solid #31363c; margin:20px 12px 0 0; float:left;}
img.photo-detail-immo-derniere{width:155px; height:124px; border:1px solid #31363c; margin:20px 0 0 0; float:right;}

/* Coordonnees */
dl.contact-fiche{height:200px; width:435px; background:white; margin:0 0 10px 0; padding:10px; float:left;}
dl.contact-fiche-bas{height:250px; width:435px; background:white; margin:0 0 10px 0; padding:10px; float:left;}
dl.contact-fiche-bas-droite{height:250px; width:435px; background:white; margin:0 0 10px 0; padding:10px; float:right;}
dl.contact-fiche-droite{height:200px; width:435px; background:white; margin:0 0 10px 0; padding:10px; float:right;}
p.contact-activite{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; font-weight:bold; margin:0;}
p.contact-nom{color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; font-weight:bold; margin:0 0 10px 0;}
p.contact-descriptif{width:320px; color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:justifiy; font-weight:normal; margin:0; float:left;}
p.contact-photo{float:right; margin:0;}
p.contact-coorodonnees{width:433px; height:33px; background:url(/img/btn-coordonnees.png) no-repeat; margin:20px 0 0 0; clear:both; color:white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold; padding-top:7px;}
div.cercle{background:#50585E;padding:10px 0;margin-bottom:10px}
p.titreCercle{color:white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold; margin:0;}
a.lienCercle{color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold; text-decoration:none; margin:0;}
p.lienCercle{color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold; text-decoration:none; margin:0;}
a.lienCercle:hover{text-decoration:underline;}

/* Mentions Légales */
p.titreMention{color:#ff6600; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; font-weight:bold; margin:10px 0 0 0;}
p.texteMention{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; font-weight:normal; margin:10px 0 0 0;}
p.texteMentionItalique{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; font-weight:normal; font-style:italic; margin:10px 0 0 0;}
p.texteMentionPuce{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; font-weight:normal; margin:10px 0 0 0; display:list-item; list-style-image:url(/img/puce.png); list-style-position:inside;}

/* Formulaire Ass Vie */
table.form-avie{margin:0 0 0 30px}
div.form-avie{width:430px; height:353px; background:url(/img/bg-form-avie.png) no-repeat; background-position:0 0; margin:40px auto 0 auto; padding:10px;}
input#form-avie{width:200px; height:16px; background-color:white; color:#31363C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #CCCCCC; margin:0 0 0 5px; padding:2px 0 0 5px;}
#formAvieSubmit {width:214px; height:75px; background-image:url(/img/btn-form-avie.png); margin:30px 0 0 100px; border:0;}
p.phrase-avie{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; font-weight:normal; margin:-15px 0 0 0;}
div.pagecentree{position:absolute; left:50%; margin:-70px 0 0 -215px; top:50% ; width:430px; height:143px; background:url(/img/bg-new-portefeuille.png) no-repeat; background-position:0 0; padding:10px;}
p.form-avie-ok{color:#31363c; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; font-weight:bold; margin:40px 0 0 0;}

.margin10{margin-left:10px;}
