/* CSS DOCUMENT */ #main_content {background: url(/images_template/fond_main.gif) left top repeat-y;} #main_content .main_top {background: url(/images_template/main_top.gif) left top no-repeat;} #contenu {float: left;width: 578px;border-left: solid 1px #fff;border-right: solid 1px #fff;background: url(/images_template/fond_contenu.gif) left top repeat-x;} #right_col {position: relative; float: left; margin-left: 8px; width: 189px; background: url(/images_template/fond_right_col.gif) left top repeat-x;} #frame_euronext {display: block; width: 180px; height: 350px; margin:0 auto; padding: 0; border: none 0; background: none;} #main_content #right_col .bloc {width: 178px; margin: 10px auto; text-align: left; border: solid 1px #fff; padding: 0 0 5px 0;} #main_content #right_col .bloc p, #main_content #right_col .bloc table td div {color:#333} #main_content #right_col .bloc form {padding-left:10px} #main_content #right_col .box {background: url(/images/pro_modulebox_fond.jpg) left top repeat-y; margin: 0; padding: 7px 6px;} #main_content #right_col .box em {color: #333; font-style: normal;} #main_content #right_col .box span {display: block; border: solid 1px #ccc; background: url(/images_template/fond_client_contact.gif) left top repeat-x; height: 24px; margin: auto; margin-top: 4px;} #main_content #right_col .box span a {display: block; padding: 5px; text-decoration: none; font: bold 1.1em Arial, Helvetica, Sans-serif;} #main_content #right_col h2 {margin: 0 0 5px 0; text-align: center; color: #C30; background-color: #DFDFDF; padding: 5px;} #main_content #right_col h3 {margin: 0 0 5px 0; text-align: center; background-color: #DFDFDF; padding: 2px;} #main_content #right_col p {font: normal 1.1em arial; color:#CCC; padding: 2px 10px; margin: 0;} #main_content #right_col a {display: block; text-decoration: none; padding: 2px; text-align: center;} #main_content #right_col p.lastmessage {text-align:center;} #main_content #right_col p.lastmessage a {text-align:center;background-color:transparent;} #main_content #right_col table {width:100%} #main_content #right_col table, #main_content #right_col tr, #main_content #right_col td {text-align: center; color: #ccc;} /*navigation rapide espace clients*/ #main_content #right_col .bloc a {display:block;padding:0;margin:0;text-align:left;color:#333;} #main_content #right_col .bloc a:hover {color:#C00;} /*end*/ /* conseil MDE */ #main_content #right_col .bloc p.conseil {display:block;padding: 10px 5px 50px 5px; background: #fff url(/images_template/bgmde.png) 100% 100% no-repeat;} /*end*/ /* nav horizontale pro */ #navprohorizontale {float:left;width:536px;margin-left:10px;background:url(/images/bg3.gif) 0 0 repeat-x;line-height:normal;border:solid 1px #ccc;border-bottom: none 0} * > #navprohorizontale {margin-left:20px;} #main_content #contenu #navprohorizontale ul {margin:0;padding:10px 10px 0 10px;list-style:none;} #navprohorizontale li {float:left;background:url(/images/left3.gif) no-repeat 0 0;margin:0;padding:0 0 0 14px;} #navprohorizontale a {float:left;display:block;background:url(/images/right3.gif) no-repeat right top;padding:15px 14px 8px 0px;text-decoration:none;font-weight:bold;color:#333;} #navprohorizontale a:hover {color:#000;} #navprohorizontale #current {background-image:url(/images/left3_on.gif);} #navprohorizontale #current a {background-image:url(/images/right3_on.gif);color:#C00;padding:15px 14px 9px 0px;} /*end*/ #main_bottom {background:url(/images_template/main_bottom.gif) left top no-repeat;} body {color:#333; font:normal 1.1em Arial, Helvetica, Sans-serif; font-size:62.5%;} b {font-weight:bold;} input, select, th, td {font-size:1em} h1 {font-size:1.5em; color: #c00; padding: 20px 0 10px 35px; text-transform: uppercase} /* affiché en 24px */ h2 {font-size:1.4em; color: #666; padding: 15px 0 10px 35px; text-transform: uppercase} /* affiché en 18px */ h3 {font-size:1.25em; color: #333; padding: 15px 0 10px 35px;} /* affiché en 15px */ h4 {font-size:1em; color: #333; padding: 15px 0 10px 35px;} /* affiché en 12px */ a img {border: none 0;} .red {color: #C00;} .spacer {clear: both; display: block; height: 1px; margin: 5px 0;} .centre {text-align: center} a:link {color : #333;} a:visited {color : #333;} a:active {color : #c00;} a:hover {color : #c00;} .mineur {font-size: 1em} sup {vertical-align: 0.2em} sub {vertical-align: -0.15em} span.encadre {border: solid 1px #D5D5D5; padding: 3px; float: left; margin: 0 15px 0 20px;} #main_content #contenu ul, #main_content #contenu ol {padding: 5px 50px;font : normal 1.1em Arial, Helvetica, Sans-serif;} #main_content #contenu ul.ancres {margin: 0 25px; padding: 0; list-style: square inside;} #main_content #contenu ul.ancres li {color: #c00; margin: 0; padding: 0} #main_content #contenu ul.ancres li a:link {text-decoration: underline; color: #000} #main_content #contenu ul.ancres li a:visited {text-decoration: underline; color: #000} #main_content #contenu ul.ancres li a:hover {text-decoration: underline; color: #c00} #contenu h1 {font-size:1.5em; padding: 20px 20px 10px 25px;} #contenu h2 {font-size:1.4em; padding: 15px 20px 10px 25px;} #contenu h3 {padding: 15px 20px 10px 25px;} #contenu h4 {padding: 15px 20px 10px 25px;} #contenu p {font-size:1.1em; color: #333; padding: 5px 20px 15px 25px;} #contenu div.liste {font-size:1.1em; color: #333; padding: 0 20px 15px 25px;} #contenu div.liste ul {margin: 0; padding-left: 15px} #contenu div.liste li {font-size:0.9em; margin-top: 1em} #contenu .cadre {position: relative;overflow: visible;margin: 5px 20px;} #contenu .cadre_contenu { background: url(/images_template/fond_cadre_contenu.gif) left bottom repeat-x; border: solid 1px #CCC; border-top: solid 1px #BBB; border-bottom: none 0; padding: 5px; } #contenu div.cadre div.cadre_contenu h2 {font-size:1.2em; color: #C00;border-bottom: dotted 1px #CCC;padding: 5px 5px 5px 20px;} #contenu div.cadre div.cadre_contenu h3 {padding: 5px 5px 5px 20px;} #contenu div.cadre div.cadre_contenu p {padding: 5px 20px 15px 20px} #contenu div.cadre div.cadre_contenu div.liste {padding: 0;margin: 0} #contenu div.cadre div.cadre_contenu div.liste ul, #contenu div.cadre div.cadre_contenu div.liste li {padding: 0;margin: 0} #contenu div.cadre div.cadre_contenu img.gauche {float: left; margin: 10px 10px 10px 20px} #contenu .hg, #contenu .hd {position: absolute;top: 0;bottom: 0;width: 5px;background-repeat: repeat-y;font-size:1px;} #contenu .hg {left: 0;background: url(/images_template/hg.gif) left top repeat-y;} #contenu .hd {right: 0;background: url(/images_template/hd.gif) right top repeat-y;} .bloc_offre { position: relative; overflow: visible; margin: 15px 5px; background: url(/images_template/fond_bloc_degrade_hb.gif) left bottom repeat-x;} .bloc_offre_contenu { border: solid 1px #fff; border-bottom: solid 1px #ccc; background: #fff url(/images_template/fond_cadre_contenu_degrade_hb.gif) left top repeat-x; overflow: visible; text-align: center; padding: 5px; } #contenu pre {font-size:1.2em; color: #060;} #contenu hr {border: 0 none;border-bottom: dotted 1px #ccc;background-color: transparent;height: 0px;margin: 0 5px 0 25px;clear: both;} #contenu .right {text-align: right;} #contenu .right a span {display:none;} #contenu .right a img {margin-right: 20px;} .illustration {float:right; padding-top: 8px;} #liste_definition {padding: 20px 30px;} #liste_definition ul {padding-bottom: 30px;font: bold 1.2em Arial, Helvetica, Sans-serif;list-style-type: none;border-bottom: dotted 1px #ccc;} #liste_definition ul li {background: url(/images_template/puce_contenu_etape_h2.gif) left 5px no-repeat;padding-left: 10px;} #liste_definition ul li a {text-decoration: none;color: #333;} #liste_definition ul li a:hover {text-decoration: underline;color: #C00;} #current_definition dl {padding: 10px;} #current_definition dd {font: bold 1.3em Arial, Helvetica, Sans-serif;color: #C00;padding: 10px 0;} #current_definition dt {font-size: 1.2em;padding: 15px 20px 30px 20px;border-top: dotted 1px #ccc;border-bottom: dotted 1px #ccc;} #current_definition sup {font: normal 0.8em/0px Arial, Helvetica, Sans-serif;} #contenu #barre_onglets {text-align: center;} #contenu #barre_onglets ul {margin: 0 auto;border-bottom: dotted 1px #CCC;} #contenu #barre_onglets ul li {display: inline;margin: 0;padding: 0;} #contenu #barre_onglets ul li span {display:none;} /*tableau type code des marches*/ div#contener_code_marches{border: 1px solid #E0E0E0;padding: 3px;width: 525px;margin-left: 25px} table#code_marches{width: 525px;} table#code_marches th{font-size: 1.1em;} table#code_marches th.rouge{color: #C00;vertical-align: middle} table#code_marches td, table#code_marches th{padding: 5px;vertical-align: top} table#code_marches th {font-weight: bold;} table#code_marches tr.clair td.clair, table#code_marches tr.clair th.clair{background :#E0E0E0} table#code_marches tr.clair td.moyen, table#code_marches tr.clair th.moyen{background :#E9E9E9} table#code_marches tr.clair td.fonce, table#code_marches tr.clair th.fonce{background :#F2F2F2} table#code_marches tr.fonce td.clair, table#code_marches tr.fonce th.clair{background :#CCC} table#code_marches tr.fonce td.moyen, table#code_marches tr.fonce th.moyen{background :#DADADA} table#code_marches tr.fonce td.fonce, table#code_marches tr.fonce th.fonce{background :#EAEAEA} table#code_marches tr.separ td, table#code_marches tr.separ th{border-bottom: 1px dotted #999;} /*references*/ img.ref {margin-right: 20px;} #main_content .encart { text-align:center; padding: 10px; } #main_content .encart_content{ position: relative; text-align:left; background: url(/images/invest_home_bloc.gif) left top no-repeat; width:208px; height:131px; float:left; margin:10px; } #main_content h3.encart_title{margin: 0; padding: 0; height:23px; padding-left:10px; line-height: 23px;font-size: 12px;text-transform:uppercase; font-size: 14px;} #main_content span.encart_img{display:block; height:100px; width:202px;} #main_content span.encart_link{display:block; height:13px; width:45px; position: absolute; right:15px; bottom:12px;} #main_content span.encart_link a{display:block; height:13px; width:45px;} #main_content span.encart_link a:hover{display:block; height:13px; width:45px;} /* WCBPRO #warning {color: #000; border: solid 1px #000; clear: both; margin: 5px 20px; padding: 10px 10px 10px 60px;background-color: #F90;background-position: 2% 50%;background-repeat: no-repeat;font: bold 1.1em Arial, Helvetica;} .error {background-image: url(/images_template/warning2.gif);} */ #contenu input.texte { border: solid 1px #ccc; color: #333; padding: 1px 5px; font: normal 1em Tahoma, Arial, Helvetica; } form#WCBPRO {width:500px; margin: 10px auto; text-align:left; font-size: 1.1em} form#WCBPRO .form_error {color: #000 !important; border: solid 1px #000 !important; background-color: #F90 !important;} form#WCBPRO table.wcbpro span.form_error {display: block; width: 128px; height: 16px;} table.wcbpro {margin-bottom: 5px;} table.wcbpro td {padding: 3px} table.wcbpro td.left {width: 150px;} table.wcbpro td.right {width: 80px;} table.wcbpro td.valider {text-align:center;} table.wcbpro td.valider input {height:24px; width:102px; margin: 5px; cursor: pointer; background: url(/images/bt-form-cashstore.gif) 0 0 no-repeat; border: none 0;} .radioOn, .radioOff {display: inline;margin: 0;padding: 2px;border: none 0;overflow: visible;font: normal 1em/12px Arial, Helvetica;padding-left: 12px;padding-right: 0;margin-bottom: 5px;} .radioOn {background: url(/images_template/radio_on.gif) left 5px no-repeat;color: #333;font-weight:bold} .radioOff {background: url(/images_template/radio_off.gif) left 5px no-repeat;color: #666;} /* page selfcare MetNext */ #metnext {border: none 0; margin: 0 auto; padding: 0; width: 550px; height: 500px; scrolling: no; overflow: hidden; font-size:50%;} /* display_div_v2 lol */ #montrer img{float:left; margin:17px 10px 5px 15px; position:relative} #cacher img{float:left; margin:17px 10px 5px 15px} #montrer ,#cacher h2{cursor:pointer;} #montrer:hover{background:#ddd;} #montrer a,#cacher a{text-decoration:none;} #montrer h2:hover,#cacher h2:hover{color:#333} /* page solaire */ #cacher p img{float:none;} #cacher .contact img{margin-top:0px;} /* Selfcare souscrire option */ .bloc_offre_option label{cursor: pointer;} .bloc_offre_option .description {position:relative;display:block; background-color: #FFF; padding:5px; background: url(/images_template/fond_bloc_option-selfcare.png) 0 0 no-repeat; height:1%;} .bloc_offre_option .logo {display:block; float:left; margin: 10px;} .bloc_offre_option .argcom {display:block; font: bold 1.6em/1.5em arial, helvetica, sans-serif; text-transform: uppercase} .bloc_offre_option .argeco{display:block; font: bold 1.5em/1.2em arial, helvetica, sans-serif; color: #C00;} .bloc_offre_option .nomoption {display:block; font: bold 1.4em arial, helvetica, sans-serif; text-transform: uppercase; color: #C00; margin-top:15px;} .bloc_offre_option .baseline {display:block; font: bold 1.1em arial, helvetica, sans-serif;} .bloc_offre_option .desc-option {display:block; font: normal 1em arial, helvetica, sans-serif;} .bloc_offre_option .prixoption {display:block; position:relative; float:right; margin: 5px; border: solid 1px #ccc; background-color: #F5F5F5; padding: 10px; text-align: center} .bloc_offre_option .prixoption b {font-size:1.2em;} .bloc_offre_option .descriptif {position:relative; float:right; margin: 5px; cursor: help;} .bloc_offre_option .detail {cursor: help;} .bloc_offre_option div.bloc_promo {margin:auto;} .bloc_offre_option span.codepromo {display: block; float:left; background: url(/images_template/fond_bloc_code-promo.png) 0 0 no-repeat; padding: 30px 25px 35px; margin-left:42px;} * > .bloc_offre_option span.codepromo {margin-left:70px;} .bloc_offre_option .offre_speciale {display: block; padding: 5px 0 9px 0; background: url(/images_template/bloc-promo_selfcare.gif) 50% top no-repeat; text-align: center; font: normal 1.2em arial;} /* ------------------------------------- popup validation */ #divPopupMasque{ opacity: 0.8; FILTER: alpha(opacity=80); Z-INDEX: 90; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 500px; BACKGROUND-COLOR: #000; WIDTH: 995px; HEIGHT: 3103px } #divPopupContent{ background: url(/images/conteneur_flash.png) no-repeat left top; Z-INDEX: 100; width: 459px; height: 452px; position:absolute; top:50%; left:50%; margin-left:-229px; margin-top:-226px; } .body_pop_up{ margin: 0; padding: 0; font: normal 1em arial; font-size: 62.5%; text-align:center; background: url(http://medias.poweo.com/images_template/fond_popup.gif) left top repeat-x; } .h1_pop_up{font-size: 1.4em; color: #C00; padding: 10px 0 0; text-align: center; margin-top:20px} .div_pop_up{ margin: 0 0 0 10px; padding: 5px; height: 320px; width: 400px; background: #fff url(http://medias.poweo.com/images_template/fond_cadre_contenu.gif) left bottom repeat-x; border: solid 1px #CCC; border-top: solid 1px #BBB; border-bottom: none 0; overflow: auto; } /* ------------------------------------- POPUP CONTROLBOX */ h1.resultats {color:#c00; padding: 5px 25px;} p.resultats {padding: 5px 25px; font-size: 1.1em;} .div_pop_up_p_err {text-align: center; font-size: 1.2em; font-weight: bold;} .div_pop_up_p {font-size: 1.2em; font-weight: bold;} .div_pop_up_p form {display:inline-block; text-align:center} .contentControlBox a {color:#666; text-decoration:none;} .contentControlBox a:hover {text-decoration:underline;} .div_pop_up li a {color:#666; text-decoration:none;} .div_pop_up li a:hover {color:#000; text-decoration:underline; font-weight: bold;} #warning { background-position: 2% 50%; background-repeat:no-repeat; clear:both; font-family:Arial,Helvetica; font-size:1.1em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin: 5px auto; padding: 10px 5px 10px 60px; } .error { background-color:#FF9900; border:1px solid #000000; color:#000000; background-image:url(/images_template/warning2.gif); } .erreur { background-color:#FF9900; border:1px solid #000000; color:#000000; background-image:url(/images_template/warning2.gif); } .msginfo { background-color:#cfc; border:1px solid #063; color:#063; background-image:url(/images_template/msginfo.gif); } .red {color:#c00} a img {border:none 0;} #Tableau_01 table {background-color:#fff; margin: 0 auto} a.btsmall {background: url(/images_template/new_home_head_bloc.gif) left top repeat-x; color:#fff; text-align:center; margin: 5px;} a.btsmall {padding: 2px 5px; border: solid 1px #696D84;font-weight: bold;background-position:left bottom; color: #FFF !important} a.btmed {background: url(/images_template/new_bt_start.gif) left top no-repeat; line-height: 20px; padding: 0 0 10px 15px;} * > a.btmed {padding-top: 7px; !padding-top: 0;} a.btmed:hover {text-decoration:none} a.btmed span {background: transparent url(/images_template/new_bt_end.gif) right top no-repeat; text-transform: uppercase; color:#C00; font-weight:bold; padding: 6px 15px 10px 0; font-size: 1.1em} /* Form contact selfcare */ .form_error { background-color:#FF9900; border:1px solid #000000; color:#000000; display:block; } fieldset {display: block; border: solid 1px #CCC; margin: 10px; padding: 10px; text-align:left; margin-bottom: 20px; position:relative;} * > fieldset {margin-bottom: 10px;} fieldset legend {padding: 4px; border: solid 1px #CCC; margin-bottom: 10px; font-weight: bold; color: #C00; margin-top: -22px; position:relative; background-color: #FFF; font-size: 11px; font-weight:bold} * > fieldset legend {margin-bottom: 0; margin-top: 0;} fieldset.form_error {border: solid 1px #000; background: #F90 url(/images_template/warning2.gif) 100% 0% no-repeat;/*form-bg-erreur.png*/ background-position: 99% 50%;} fieldset.form_error legend {background-color: #F90; color: #000; border: solid 1px #000;} /* SELFCARE - Home - Tableau de bord */ #homeselfcare #alertes {margin: 5px 10px; padding: 10px 10px 10px 50px; background-position: 2% 50%; background-repeat:no-repeat;} #homeselfcare #alertes p {margin: 0; padding: 0; line-height:14px;} #homeselfcare .noalert {background-color: #e5f1ff; border: solid 1px #69C;} #homeselfcare #alertes.noalert p.xmltitre {float:left; position:relative; font-weight: bold; color: #69C;} #homeselfcare #alertes.noalert p.xmldate {float:right; position:relative; color: #69C;} #homeselfcare #alertes.noalert p.xmlmessage{text-align:center; font-weight: bold; color: #69C;} #homeselfcare .info {background-color:#cfc; border: solid 1px #063; background-image:url(/images_template/msginfo.gif);} #homeselfcare #alertes.info p.xmltitre {font-weight: bold; color: #063;} #homeselfcare #alertes.info p.xmldate {float:right; position:relative; color: #063;} #homeselfcare #alertes.info p.xmlmessage{color: #063; padding-top:5px;} #homeselfcare .incident {background-color: #f90; border: solid 1px #630; background-image:url(/images_template/warning2.gif);} #homeselfcare #alertes.incident p.xmltitre {font-weight: bold; color: #630;} #homeselfcare #alertes.incident p.xmldate {float:right; position:relative; color: #630;} #homeselfcare #alertes.incident p.xmlmessage{color: #630; padding-top:5px;} #homeselfcare .tableaudebord {margin: 15px 12px 5px 12px; padding:20px 0 0 0; border-top:1px dotted #AEAEAE} #homeselfcare .tableaudebord table a:link, #homeselfcare .tableaudebord table a:visited, #homeselfcare .tableaudebord table a:hover, #homeselfcare .tableaudebord table a:active {color: #C00;} #homeselfcare .tableaudebord table {margin:0 0 15px 0; padding: 0; border: 3px solid #2F577F; width: 100%; border-collapse: collapse} #homeselfcare .tableaudebord table table {border: none 0; background-color: #E9E9FF; border-bottom: dotted 1px #999; border-top: dotted 1px #999;} #homeselfcare .tableaudebord td {border: none 0; padding: 5px 5px;} #homeselfcare .tableaudebord td p {padding: 0; margin: 0} #homeselfcare .tableaudebord tr.infoscontrat {padding: 3px 5px; background-color: #69C;} #homeselfcare .tableaudebord tr.infoscontrat td.libelle {padding-left: 50px; background: #69C url(/images_template/sc-tb-picto-contrat.png) 2% 50% no-repeat;} #homeselfcare .tableaudebord tr.infoscontrat td p {padding: 3px 10px; color: #FFF;} #homeselfcare .tableaudebord tr.infoscontrat a:link, #homeselfcare .tableaudebord tr.infoscontrat a:visited, #homeselfcare .tableaudebord tr.infoscontrat a:hover, #homeselfcare .tableaudebord tr.infoscontrat a:active {color: #FFF;} #homeselfcare .tableaudebord td.label {white-space:nowrap; width:130px} #homeselfcare .tableaudebord td.date {white-space:nowrap; width:130px} #homeselfcare .tableaudebord td.action {text-align: right} #homeselfcare .tableaudebord td.soustitre p {color: #666; font: bold 14px arial; padding: 4px 0 0 50px;} #homeselfcare .tableaudebord td.infosperso {background: url(/images_template/sc-tb-picto-soustitre-infosperso.png) 2% 50% no-repeat; border-top: double 3px #69C;} #homeselfcare .tableaudebord td.messages {background: url(/images_template/sc-tb-picto-soustitre-messages.png) 2% 50% no-repeat; border-top: double 3px #69C;} #homeselfcare .tableaudebord td.sites {background: url(/images_template/sc-tb-picto-soustitre-sites.png) 2% 50% no-repeat; border-top: double 3px #69C;} #homeselfcare .tableaudebord table table tr.pair {background-color: #F6F6FF} #homeselfcare .tableaudebord table table tr:hover {background-color: #E0E0FF;} /* SELFCARE - Contact - message info demenagement */ #msgDemenagement {margin: 5px 10px; padding: 10px 10px 10px 50px; background-position: 2% 50%; background-repeat:no-repeat;} /* mentions légales */ #hide_content, #view_content {font: bold 11px sans-serif; text-align: center; color: #C00;} #mentions {padding:10px;}