body {margin:0; text-align:center; font-family:Verdana, Helvetica, sans-serif; font-size:11px; color:#628797;} body * {margin:0; padding:0;} .princ {text-align:left; margin:0 auto; position:relative; width:900px; height:650px; background-repeat:no-repeat;} .contPrinc {margin:10px 20px;} #page {position:absolute; width:100%;} .clear {clear:both;} img {border:none; vertical-align:middle} a {text-decoration:none; outline:none;} input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;} .edit_titre_bloc {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#b61125; font-weight:bold;} .edit_texte {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#628797;} .edit_titre_page {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#628797; font-size:16px;} /*------------------------------------------------ ENTETE ---------------------------------------------*/ #entete {position:relative; width:100%;z-index:100; } #entete .logo {background:url(../../media/images/logo.png); position:absolute; left:95px; top:0px; width:265px; height:90px; display:block; z-index:110;} #navigation {position:relative; list-style-type:none; margin-left:112px; height:147px; z-index:100;} #navigation li {position:absolute; height:20px;} #navigation a {display:block;} #navigation table {z-index:100;} #navigation #menuProg {left:85px; top:120px;} #navigation #menuGroupe {left:201px; top:120px;} #navigation #menuAccSecur {left:282px; top:107px;} #navigation #menuTva55 {left:355px; top:80px; } #navigation #menuLocAcc {left:405px; top:60px; } #navigation #menupassFoncier {left:450px; top:30px; } #navigation #menuTemoins {left:487px; top:2px; } #navigation table {display:none; position:absolute; margin-top:4px; border-collapse:collapse;} #navigation td {height:20px; padding:0 10px; white-space:nowrap; border-bottom:solid 1px #fff;} #navigation td a {color:#fff;} #navigation td a:hover {color:#000;} #navigation #ss_menuProg td {background-color:#99adc2;} #navigation #ss_menuGroupe td {background-color:#73879c;} #navigation #menuProg a.n1 {background:url(../../media/images/bg-mainmenu.png) 0 0; width:100px; height:16px;} #navigation #menuProg a.n1:hover {background:url(../../media/images/bg-mainmenu.png) 0 0; width:100px; height:16px;} #navigation #menuGroupe a.n1 {background:url(../../media/images/bg-mainmenu.png) 0 -40px; width: 54px; height:16px;} #navigation #menuGroupe a.n1:hover {background:url(../../media/images/bg-mainmenu.png) 0 -40px; width: 54px; height:16px;} #navigation #menuAccSecur a {background:url(../../media/images/bg-mainmenu.png) 0 -75px; width:123px; height:16px;} #navigation #menuTva55 a {background:url(../../media/images/bg-mainmenu.png) 0 -92px; width:129px; height:19px;} #navigation #menuLocAcc a {background:url(../../media/images/bg-mainmenu.png) 0 -125px; width:129px; height:14px;} #navigation #menuLocAcc a:hover {background:url(../../media/images/bg-mainmenu.png) 0 -125px; width:129px; height:14px;} #navigation #menupassFoncier a {background:url(../../media/images/bg-mainmenu.png) 0 -111px; width:129px; height:14px;} #navigation #menupassFoncier a:hover{background:url(../../media/images/bg-mainmenu.png) 0 -111px; width:129px; height:14px;} #navigation #menuTemoins a {background:url(../../media/images/bg-mainmenu.png) 0 -139px; width:109px; height:14px;} #navigation #menuTemoins a:hover {background:url(../../media/images/bg-mainmenu.png) 0 -139px; width:109px; height:14px;} /*********************** ENCART PROMO ACCEUIL *************************/ #promotion_accueil { float:right; margin-top:-130px; z-index: 200; position: relative; } #promo-accueil { width:141px;} #promo-accueil #centre { background:url(../../media/images/bk_middle_07.png) repeat-y;} #promo-accueil #centre #mid { background:url(../../media/images/bk_middle_05.png) repeat-x #FFFFFF top; width:124px; padding:3px 0 0 10px;} #mid p { padding:0; margin:0; color:#5d7d8c; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #mid p a { padding:0; margin:0; color:#5d7d8c; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #mid p#ppt { font-size:10px; text-transform:uppercase;} #mid #piece { color:#cc0033; font-size:22px; font-family:Arial, Helvetica, sans-serif; line-height:22px; padding:0; text-transform:uppercase; font-weight:bold;} #mid #piece a { color:#cc0033; font-size:22px; font-family:Arial, Helvetica, sans-serif; line-height:22px; padding:0; text-transform:uppercase; font-weight:bold;} #promo-accueil #bas { background:url(../../media/images/bk_middle_09.png) no-repeat; height:47px; padding:2px 0 0 10px;} #promo-accueil #bas p { padding:0; margin:0; color:#5d7d8c; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #promo-accueil #bas p a { padding:0; margin:0; color:#5d7d8c; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #promo-accueil #bas #mois { float:left; padding:0 0 0 4px;} #promo-accueil .prix { color:#cc0033; font-size:22px; font-family:Arial, Helvetica, sans-serif; line-height:22px; font-weight:bold; float:left;} #promo-accueil .prix a { color:#cc0033; font-size:22px; font-family:Arial, Helvetica, sans-serif; line-height:22px; font-weight:bold; float:left;} /*********************** ENCART PROMO INTERNE *************************/ #promo-interne { height:190px; width:120px; float:left; background:url(../../media/images/bk_promo_int_03.png) no-repeat; padding:15px 0 0 7px;} #promo-interne #blk1 { border-bottom:1px solid #5d7d8c; margin:0 15px 0 0;} #promo-interne #blk1 p { padding:0; margin:0; color:#5d7d8c; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #promo-interne #blk1 p#rouge { color:#cc0033; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} #promo-interne #blk2 { border-bottom:1px solid #5d7d8c; margin:5px 15px 0 0;} #promo-interne #blk2 p { padding:0; margin:0; color:#5d7d8c; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #promo-interne #blk2 #prixrouge { color:#cc0033; font-size:25px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left;} #promo-interne #blk2 #mois02 { float:left; padding:0 0 0 4px;} #promo-interne #blk3 { margin:5px 0 10px 0;} #promo-interne #blk3 p { padding:0; margin:0; color:#5d7d8c; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} #promo-interne #blk3 p#rouge { color:#cc0033; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;} .clear_promo { clear:both;} /*------------------------------------------- PIED DE PAGE -----------------------------------------*/ #basPage {background:url(../../media/images/bg-footer.gif) no-repeat; width:900px; margin:auto; padding:14px 0 16px 0;} #basPage ul {list-style-type:none;} #basPage li {float:left; display:inline;} #basPage li a {display:block; height:15px;} #newsletter {margin-left:35px; width:55px;} #newsletter a {background:url(../../media/images/etiqu_newsletter.png) no-repeat;} #contact {margin-left:28px; width:39px;} #contact a {background:url(../../media/images/etiqu_contact.png) no-repeat; } #plan {margin-left:50px; width:58px;} #plan a {background:url(../../media/images/etiqu_plan.png) no-repeat; } #mentions {margin-left:40px; width:83px;} #mentions a {background:url(../../media/images/etiqu_mentions.png) no-repeat; } #espaceperso {margin-left:375px; width:120px;} #espaceperso a {background:url(../../media/images/etiqu_perso.png) no-repeat;} /*------------------------------------------- PAGE D'ACCUEIL -----------------------------------------*/ #accueil {background-image:url(../../media/images/bg-homepage-body.jpg)} #accueil .boite {float:left; display:inline;} #accueil #nouv {width:305px; margin:0 3px 0 14px;} #accueil #nouv .onglet {background:url(../../media/images/header_nouveautes.png); background-repeat:no-repeat;} #accueil #nouv .cadre {background:url(../../media/images/bg-box1.png); padding-top:1px; height:235px;} #accueil #opport {width:305px; margin:0 3px 0 14px;} #accueil #opport .onglet {background:url(../../media/images/header_opportunities.png); background-repeat:no-repeat;} #accueil #opport .cadre {background:url(../../media/images/bg-box1.png); padding-top:1px; height:235px;} #accueil #page {height:274px; top:370px;} #accueil #page .onglet {height:30px; width:225px; margin-left:13px;} #accueil #page .cadre {background:url(../../media/images/bg-box1.png); padding-top:1px; height:235px; position:relative;} #accueil #page .contenu {margin:10px 17px 10px 15px;} #accueil #page .photo {width:218px; height:101px;} #accueil #page .photo a {display:block; height:100%; width:100%;} #accueil #page .titre {font-weight:bold; margin:10px 0 7px 0; display:block; text-decoration:none; line-height:16px;} #accueil #page .ville {color:#cc0033; font-size:13px;} #accueil #page .nom {color:#628797; font-size:11px;} #accueil #page .texte {color:#000; font-size:11px; line-height:13px; height:75px; overflow:hidden;} #accueil #page .bouton1 {display:block; position:absolute; top:200px; left:135px;} #accueil #page #tt_nv {background: url(../../media/images/bt_touteslesnouv_bleu.jpg); width:132px; height:23px;} #accueil #page #dn_op {background: url(../../media/images/bt_touteslesnouv_turquoise.jpg); width:143px; height:23px;} #accueil #rech {width:222px; margin:0 3px 0 14px;} #accueil #page #rech .onglet{background:url(../../media/images/header_votreRech.png) no-repeat; width:171px;} #accueil #page #rech .cadre {background:url(../../media/images/bg-box2.png) no-repeat; padding-top:1px; height:235px;} /*-------------------------------------- FORMULAIRE DE RECHERCHE ----------------------------------*/ #formRecherche ul {list-style-type:none;} #formRecherche label {color:#003366; display:block; font-size:11px; font-weight:bold; margin:0 0 3px;} #formRecherche select {color:#000; font-size:10px; margin-bottom:5px; width:100%;} #formRecherche .nbrPcs {background:url(../../media/images/bg-numbers.gif); font-size:12px; margin-bottom:5px;} #formRecherche .bouton {margin-top:10px;} #accueil #formRecherche .bouton {position:absolute; top:200px; margin-top:0;} /*------------------------------------------- PAGE LISTE -----------------------------------------*/ #liste {background-image:url(../../media/images/bg-homepage-body3.jpg)} #liste #page {top:215px;} #liste #gauche {float:left; width:220px;} #liste #formRecherche .sep {height:15px;} #liste #formRecherche .sep1 {height:5px;} #liste #gauche .onglet {width:218px; height:30px; background-repeat:no-repeat; background-position:11px 0;} #liste #gauche #oRech {background-image:url(../../media/images/header_votreRech_01.png)} #liste #gauche #oCompte {background-image:url(../../media/images/header_votreCompte.png)} #liste #cadreH {background:url(../../media/images/bg-box5.png); width:218px; height:298px; padding-top:1px;} #liste #cadreH .contenu {margin:10px 25px 10px 18px;} #liste #accueil {background:url(../../media/images/ret_accueil.png) no-repeat; width:215px; height:80px; padding-top:1px; position:relative;} #liste #deconnexion {background:url(../../media/images/ret_deconnex.png) no-repeat; width:218px; height:80px; padding-top:1px; position:relative;} #liste .zoneSens {display:block; position:absolute; top:20px; left:20px; width:170px; height:45px;} #liste #central {float: left; width:673px; height:379px;} #liste #central .onglet {background:url(../../media/images/header_liste2.png) no-repeat 14px 0; width: 660px; height:31px;} #liste #central .col1 {width:160px;} #liste #central .col2 {width:150px;} #liste #central .col3 {width:225px;} #liste #central .col4 {width:150px;} #liste #central .cadre {background:url(../../media/images/bg-box4.png); height:379px; position:relative} #liste #table {border-collapse:collapse; margin-top:0} #liste #table td {vertical-align:top; height:100px; border-bottom:solid 1px #b1b1b1;} #liste #pagin {position:absolute; left:530px; top:330px;} #liste #pagin * {display:block; float:left;} #liste #table div {margin-top:15px;} #liste #table a.suppr {display:block; background:url(../../media/images/suppr.png) no-repeat 0 2px; padding-left:15px; margin-top:2px; color:#d8021c; font-size:10px; text-decoration:underline;} #liste #table .ville {color: #cc0033; font-weight:bold;} #liste #table .nom {color: #628797; font-weight:bold;} #liste #table .descrip {color: #628797; font-size: 11px; text-align:justify;} #liste #table .descrip div {max-height:100px; overflow:hidden;} #liste #table .dispo {padding-left: 25px;} #liste #table .dispo .col1 {width:55px;} #liste #table .dispo .col2 {width:auto;} #liste #table .dispo td {height:auto; border:none; font-size:10px; letter-spacing:-1px;} #liste #table .dispo a {color: #de7022;} /*------------------------------------------- PAGE OPÉRATION -----------------------------------------*/ #progr {background-image:url(../../media/images/bg-homepage-body3.jpg)} #progr #page {left:10px; top:215px;} #progr .onglet {float:left; display:block; background-repeat:no-repeat;} #progr #oNom {background:url(../../media/images/ongl_progr/nom.png) no-repeat; margin-right:5px; color: #FFFFFF; font-size: 13px; text-transform:uppercase; width:210px; height:31px;} #progr #oNom table {border-collapse:collapse;} #progr #oNom td {padding-left:40px; height:31px;} #progr #oResidence {background:url(../../media/images/ongl_progr/residence.png); width:135px; height:31px; margin-left:5px;} #progr #oEnviron {background:url(../../media/images/ongl_progr/environ.png); width:135px; height:31px; margin-left:5px;} #progr #oPrestas {background:url(../../media/images/ongl_progr/prestas.png); width:135px; height:31px; margin-left:5px;} #progr #oPlans {background:url(../../media/images/ongl_progr/plans.png); width:130px; height:31px; margin-left:5px;} #progr #oRetour {background:url(../../media/images/ongl_progr/retour.png); width:86px; height:31px; margin-left:18px;} #progr #oResidence.select {background:url(../../media/images/ongl_progr/residence_select.png); width:135px; height:31px; margin-left:5px;} #progr #oEnviron.select {background:url(../../media/images/ongl_progr/environ_select.png); width:135px; height:31px; margin-left:5px;} #progr #oPrestas.select {background:url(../../media/images/ongl_progr/prestas_select.png); width:135px; height:31px; margin-left:5px;} #progr #oPlans.select {background:url(../../media/images/ongl_progr/plans_select.png); width:130px; height:31px; margin-left:5px;} #progr #cadre {background:url(../../media/images/bg-box7.png) no-repeat; width:882px; height:393px; padding-top:1px;} #progr #central {margin: 10px 10px;} #progr #gauche {width:480px; float:left;} #progr #descrip {width:460px; height:195px; overflow:auto; color: #628797; text-align:justify; padding-left:10px;} #progr #descrip .interieur {margin-right:15px;} #progr #descrip .titre {height:40px;} #progr #descrip .logo {float:right;} #progr #descrip .ville {color: #cc0033; font-weight: bold; margin-top:10px;} #progr #descrip .nom {color: #628797; font-weight: bold;} #progr #descrip .dateLivr {color: #de7022; font-weight: bold; font-size:12px;} #progr #vigns {height:95px; margin-top:15px; font-size: 10px; padding-right: 5px;} /* background:url(../../media/images/photo_rond.png); background-repeat:no-repeat;}*/ #progr .vign {height:110px; width:112px; float:left; background-position:bottom; background-repeat:no-repeat;} #progr #boutons {margin-top:20px;} #progr #droite {width:380px; float:right; text-align:right;} #progr #photo {height:280px;} #progr #bdv {height:70px;} #progr #bdv .bureau {font-size: 14px; font-weight: bold; color: #b61125;} #progr #bdv .adresse {font-size: 11px; font-weight: bold; color: #628797;} #progr #bdv .tel {font-size: 14px; font-weight: bold; color: #628797;} #progr #bdv .horaires {font-size: 11px; font-weight: normal; color: #628797;} #progr #table_cats {border-collapse:collapse; border:solid 1px #ccc; margin:auto;} #progr #table_cats td {border:solid 1px #ccc; padding:0 10px; height:20px; text-align:left;} #progr #table_cats td.d {text-align:right;} #progr #table_cats td.c {text-align:center;} #progr #table_cats th {border:solid 1px #ccc; text-align:center;} #progr #table_lots {border-collapse:collapse; border:solid 1px #ccc; margin:auto;} #progr #table_lots td {border:solid 1px #ccc; padding:0 10px; height:20px;} #progr #table_lots td.d {border:solid 1px #ccc; text-align:right;} #progr #table_lots td.c {border:solid 1px #ccc; text-align:center;} #progr #table_lots th {border:solid 1px #ccc; text-align:center; padding:0 2px;} /*------------------------------------------- PAGES STATIQUES -----------------------------------------*/ .rubr #page {width:572px; left:320px; top:213px;} #rubr_presentation {background-image:url(../../media/images/fond_presentation.jpg);} #rubr_chiffres {background-image:url(../../media/images/fond_chiffres.jpg);} #rubr_references {background-image:url(../../media/images/fond_references.jpg);} #rubr_developpement {background-image:url(../../media/images/fond_developpement.jpg);} #rubr_accsecur {background-image:url(../../media/images/fond_accsecur.jpg);} #rubr_tva55 {background-image:url(../../media/images/fond_tva55.jpg);} #rubr_locacc {background-image:url(../../media/images/fond_locacc.jpg);} #rubr_passFoncier {background-image:url(../../media/images/fond_passFoncier.jpg);} #rubr_temoignages {background-image:url(../../media/images/fond_temoignages.jpg);} #rubr_mentions {background-image:url(../../media/images/fond_mentions.jpg);} #rubr_plansite {background-image:url(../../media/images/fond_plansite.jpg);} #rubr_accsecur .indic {background-image:url(../../media/images/ongl_accsecur.png); width:196px;} #rubr_tva55 .indic {background-image:url(../../media/images/ongl_tva55.png); width:147px;} #rubr_locacc .indic {background-image:url(../../media/images/ongl_locacc.png); width:193px;} #rubr_passFoncier .indic {background-image:url(../../media/images/ongl_passFoncier.png); width:207px;} #rubr_temoignages .indic {background-image:url(../../media/images/ongl_temoignages.png); width:143px;} #rubr_mentions .indic {background-image:url(../../media/images/ongl_mentions.png); width:180px;} #rubr_plansite .indic {background-image:url(../../media/images/ongl_plansite.png); width:180px;} .rubr .onglet {float:left; display:block; height:31px; margin-left:8px; background-repeat:no-repeat;} .rubr .indic {float:left; display:block; height:36px; margin-left:15px; background-repeat:no-repeat; margin-top:-7px;} .rubr .bouton {float:left; display:block; height:28px; margin-left:15px; background-repeat:no-repeat;} /*.rubr #oGroupe {background-image:url(../../media/images/ongl_groupe/groupe.png); width:119px;}*/ #oPresentation {background-image:url(../../media/images/ongl_groupe/present.png); width:110px;} #oChiffres {background-image:url(../../media/images/ongl_groupe/chiffres.png); width:110px;} #oReferences {background-image:url(../../media/images/ongl_groupe/refs.png); width:110px;} #oDeveloppement {background-image:url(../../media/images/ongl_groupe/dev.png); width:170px;} #oPresentation.select {background-image:url(../../media/images/ongl_groupe/present_select.png); width:110px;} #oChiffres.select {background-image:url(../../media/images/ongl_groupe/chiffres_select.png); width:110px;} #oReferences.select {background-image:url(../../media/images/ongl_groupe/refs_select.png); width:110px;} #oDeveloppement .select {background-image:url(../../media/images/ongl_groupe/dev_select.png); width:170px;} .rubr #cadre {background:url(../../media/images/cadreRubr.png) no-repeat; width:574px; height:400px; padding-top:1px;} .rubr #cadreGroupe {background:url(../../media/images/cadreGroupe.png) no-repeat; width:572px; height:299px; padding-top:1px;} .rubr #centralGroupe {height:259px; margin:20px 20px; overflow:auto;} .rubr #central {height:350px; margin:20px 20px; overflow:auto;} .rubr #boutons {position:absolute; top:350px; left:10px; width:100%;} .rubr #boutons #programmes {background:url(../../media/images/bt_programmes.jpg); width:151px;} .rubr #boutons #temoignages {background:url(../../media/images/bt_temoignages.jpg); width:145px;} #rubr_temoignages #nav {float:right; margin-right:25px; display:inline;} #rubr_temoignages #nav a {width:113px;} #rubr_temoignages #precedent {background:url(../../media/images/bt_precedent.png) no-repeat;} #rubr_temoignages #suivant {background:url(../../media/images/bt_suivant.png) no-repeat;} #rubr_temoignages #precVide {width:151px;} #rubr_temoignages #suivVide {width:151px;} /*------------------------------------------- PAGES ESPACE PERSO ---------------------------------------*/ #perso {background:url(../../media/images/bg-homepage-body3.jpg); font-size:10px;} #perso #page {top:215px;} #perso #gauche {float:left; width:220px;} #perso #gauche .onglet {background:url(../../media/images/header_votreCompte.png) no-repeat 20px 0; width:218px; height:30px;} #perso #cadreH {background:url(../../media/images/illustr_perso.png); width:218px; height:297px; padding-top:1px;} #perso #cadreB {background:url(../../media/images/ret_deconnex.png) no-repeat; width:218px; height:80px; padding-top:1px; position:relative;} #perso #cadreB .zoneSens {display:block; position:absolute; top:20px; left:20px; width:170px; height:45px;} #perso #central {float: left; width:673px; height:379px;} #perso #central .onglet {background:url(../../media/images/header_espacePerso.png) no-repeat 14px 0; width: 660px; height:31px;} #perso #cadreC {background:url(../../media/images/bg-box4.png); height:379px; position:relative; padding-top:1px;} #perso #contenu {margin:10px 17px 10px 15px;} #perso .titre {font-weight:bold; background: url(../../media/images/fleche_rouge.png) no-repeat; color:#cc0033; font-size:11px; line-height:17px; padding-left:22px; padding-top:2px; text-transform:uppercase;} #perso .sstitre {margin-top:3px; margin-bottom:10px; font-size:11px; font-weight:bold;} #perso .lien a {margin-top:10px; color:#ac1527; text-decoration:underline;} #perso .lienVert a {margin-top:10px; color:#859826; text-decoration:underline; font-size:10px;} /*------------------------------------------- BLOC ACCES COMPTE ---------------------------------------*/ #compteAcces {} #compteAcces #div1 {width:100%; height:200px; border-bottom:solid 1px #8495a7;} #compteAcces #identif {margin:20px 0 0 100px} #compteAcces #div2 {width:100%; height:105px; border-bottom:solid 1px #8495a7;} #compteAcces #div21 {width:292px; float:left;} #compteAcces #div22 {width:340px; float:left;} #compteAcces #div2 .lienVert {margin-left:22px;} #compteAcces #div2 .titre2 { background: url(../../media/images/fleche_rouge.png) no-repeat; margin:20px 0 10px 0; font-size:11px; font-weight:bold; color:#628797; padding-left:22px;} sss #compteAcces #div3 {width:100%; font-size:9px; line-height:9px;} #compteAcces #div3 p {margin-top:10px;} /*------------------------------------------ BLOC IDENTIFICATION --------------------------------------*/ #identif {} #identif td {padding:5px} /*--------------------------------------------- BLOC MESSAGE -----------------------------------------*/ #message {} #message .titre {margin-top:20px;} #message .sstitre {margin-top:10px;} #message .liens {position: absolute; top:315px; width:94%; border-top:solid 1px #8495A7; padding-top:35px;} /*-------------------------------------------- BLOC SELECTION ----------------------------------------*/ #selection .ss_titre1 {margin-top:10px;} #selection .texte {font-size:10px;} #selection .bouton {display:block; margin-top:5px;} /*--------------------------------------------- BLOC COMPTE -------------------------------------------*/ #compte {} #compte #div1 {width:100%; height:140px; border-bottom:solid 1px #8495a7;} #compte #div11 {width:309px; float:left; position:relative;} #compte #div11 .liens {position:absolute; top:100px;} #compte #div12 {width:217px; float:left;} #compte #div13 {width:100px; float:left;} #compte #msg {width:320px; float:left; margin-top:30px;} #compte #div2 {width:100%; height:177px; border-bottom:solid 1px #8495a7;} #compte #div21 {width:309px; float:left; margin-top:10px; position:relative;} #compte #div21 .col1 {width:90px;} #compte #div21 .liens {position:absolute; top:140px;} #compte #div22 {width:292px; float:left; margin-top:10px;} #compte #div22H {height:120px;} #compte #div22H .col1 {width:100px;} #compte #ident {font-size:11px; font-weight:bold; color:#003366; margin-bottom:3px;} #compte #div3 {width:100%; font-size:9px; line-height:9px;} #compte #div3 p {margin-top:10px;} /*------------------------------------------ BLOC FORMULAIRE ---------------------------------------*/ #formulaire {text-align:left;} #formulaire .colonnes div {float:left;} #formulaire li {list-style-type:none;} #formulaire .champ input {width:170px;} #formulaire .item {margin-top:10px;} #formulaire .libel {float:left; width:100px; text-align:right;} #formulaire .valeur {float:left; margin-left:10px;} #formulaire .motif {float:left; width:15px;} #formulaire .bouton {margin-top:5px;} #formulaire .vert {color:#859826;} /*--------------------------------------------- PAGE POP_MSG------------------------------------------*/ #pop_msg {margin-top:30px; text-align:center;} #pop_msg #msg {width: 400px; margin:0 auto;} /*------------------------------------------ BLOC INSCRIPTION ---------------------------------------*/ #inscription {} #inscription .titre4 {margin-top:10px;} #inscription #div1 {margin-top:20px; height:250px; border-bottom:solid 1px #8495a7;} #inscription #div2 {margin-top:20px;} .anythingSlider { width: 273px; height: 176px; position: relative; margin: 0; } .anythingSlider .wrapper { width: 273px; overflow: hidden; height: 176px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; border: none; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 176px; width: 273px; margin: 0; } .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }