/* CSS Document */ body { background: #fff url('design_images/bg.png') repeat-x; font-family: Arial, Verdana, sans-serif; font-size: 12px; } .clear { clear:both; } a { cursor:pointer; } div#website { width: 960px; margin: auto; position: relative; overflow: hidden; } .blue { color:#475F86; } ul { margin:0 0 0 20px; padding:0 0 0 20px; } ul.avantages li { list-style-image:url('images/bak_li_check.png'); margin:9px 0; padding:0; } ul.noclass li { list-style-type:none; } ul.arrow li { list-style-image:url(images/bg_li_arrow.png); margin:9px 0; } .half { float:left; width:49%; } /* ******************************************************** */ /* ********************** HEADER ************************** */ /* ******************************************************** */ div#header {} div#header h1 { margin: 54px 0 19px; padding: 0; width: 204px; height: 50px; float: left; background: url('design_images/logo.png') no-repeat; text-indent: -999px; } /* CHOIX LANGUES */ div#header ul#languages { font-size: 11px; position: absolute; top: 87px; right: 25px; margin: 0; padding: 0; list-style: none; } div#header ul#languages li { display: inline; margin: 0 3px; } div#header ul#languages li a { color: #000; text-decoration: none; padding: 5px 8px; } div#header ul#languages li a:hover { background: #ccc; } div#header ul#languages li.active a { background: #2eccfb; color: #fff; } /* MENU PRINCIPAL */ div#header div#navigation { font-size: 13px; clear: both; background: url('design_images/navigBG.png') repeat-x; height: 36px; margin: 0; padding: 0; } div#header div#navigation ul { background: url('design_images/navigBG_last.png') no-repeat right; list-style: none; height: 36px; margin: 0; padding: 0; overflow: hidden; } div#header div#navigation ul li { float: left; background: url('design_images/navigBG_li.png') no-repeat; padding:0 1px 0 2px; } div#header div#navigation ul li.first { background: url('design_images/navigBG_first.png') no-repeat; } div#header div#navigation ul li a { padding: 10px 15px; float: left; color: #000; text-decoration: none; } div#header div#navigation ul li a.active, div#header div#navigation ul li a:hover { background:url('images/navigOn.png') repeat-x; } #rss { position:absolute; top:160px; right:0; } /* ********************************************************** */ /* ************************ CONTENT ************************* */ /* ********************************************************** */ #main > .content { background:url('images/bak_main_content.png') repeat-x 0 0; margin-left:5px; margin-top:1px; } #sub_navigation { position:relative; } #sub_navigation ul { margin:0; padding:0; border-bottom:1px solid #f0f0f0; height:35px; line-height:35px; } #sub_navigation li { display:block; float:left; height:35px; line-height:35px; border-right:1px solid #fff; /*border-top:1px solid #fff;*/ border-left:1px solid #edeeee; } #sub_navigation li.last { border-right:none; } #conteneur #sub_navigation a { display:block; line-height:35px; padding:0 10px; color:#000; text-decoration:none; } #conteneur #sub_navigation a.active, #conteneur #sub_navigation a:hover { text-decoration:underline; } #sub_navigation select { position:absolute; top:8px; right:0px; } .withcolumns { background:url('images/bak_main.gif') repeat-y 0 0; } .withcolumns #conteneur { width:704px; float:left; overflow:hidden; } .withcolumns #column { width:245px; float:right; overflow:hidden; } .withcolumns #column > .content { margin:0 15px; overflow:hidden; } .nocolumn {} .nocolumn #conteneur { width:960px; } #conteneur > .content { margin-left:5px; position:relative; background:url(images/bak_conteneur.jpg) repeat-x 0 0; } #conteneur h1 { /*background:transparent url('images/bak_h1.png') repeat-y right top;*/ color:#fff; font-size:25px; font-weight:normal; left:0; margin:10px 0; max-width:600px; padding:3px 20px 3px 20px; position:absolute; top:0; width:auto; } #conteneur h2 { margin:20px 10px 10px 15px; } #conteneur h3 { margin:20px 10px 10px 15px; } #conteneur p { margin:10px 15px; line-height:18px; } #conteneur a { color:#2dccf8; text-decoration:underline; } #conteneur .sendtofriend { float:right; margin-right:15px; } #conteneur .sendtofriend a { /*background:url('images/sen2friend.jpg') no-repeat 0 50%; padding-left:20px; font-size:10px;*/ font-size:12px; } #conteneur .sendtofriend .btn_inscrire span { padding:0 8px; } /*#conteneur */button.btn_inscrire { line-height:30px; font-size:20px; color:#fff; background:url('images/bak_bouton.png') repeat-x 0 0; margin:0px 1px; padding:1px 0px; border:0; cursor:pointer; display:inline; } /*#conteneur */button.btn_inscrire span { background:url('images/bak_bouton.png') repeat-x 0 0; margin:0 -1px; padding:0 20px; } /**/ #conteneur .rs-caract { background:url('images/bak_rs-caract_top.jpg') no-repeat top left; padding-top:60px; } #conteneur .rs-caract .content { background:url('images/bak_rs-caract_bottom.jpg') no-repeat bottom left; padding:0 120px 30px 20px; } #conteneur .rs-box { background:url('images/bak_rs-box_top.png') no-repeat top left; padding-top:20px; } #conteneur .rs-box .content { background:url('images/bak_rs-box_bottom.png') no-repeat bottom left; padding:0 60px 10px 20px; } #conteneur .rs-box h3 { margin:15px; } #conteneur .rs-box .infos { text-align:right; margin:10px 30px 20px 10px } #conteneur .rs-box .infos a { background:url('images/ico_info.png') no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; } #conteneur .rs-box-s { background:url('images/bak_rs-box-s_top.png') no-repeat top left; padding-top:20px; width:400px; margin-left:10px; } #conteneur .rs-box-s .content { background:url('images/bak_rs-box-s_bottom.png') no-repeat bottom left; padding:0 40px 20px 20px; } #conteneur .rs-box-s h3 { margin:15px; } #conteneur .rs-box-s .infos { text-align:right; margin:10px 30px 20px 10px } #conteneur .rs-box-s .infos a { background:url('images/ico_info.png') no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; } #conteneur .div-mobiliser { background:url('images/bak_form-repeat.gif') repeat-y 8px 0; margin:0 15px; } #conteneur .div-mobiliser h2 { clear:both; background:#fff; height:40px; padding-left:30px; font-size:18px; font-weight:normal; color:#475f86; margin:0; background:#fff url('images/ico_feuille.jpg') no-repeat 0 15px; line-height:60px; height:60px; } #conteneur .div-mobiliser p { margin:0 0 10px 30px; } #conteneur .div-mobiliser .rs-box-s p { margin:0 0 10px 15px; } #conteneur .div-formation { background:url('images/bak_form-repeat.gif') repeat-y 8px 0; margin:0 15px; } #conteneur .div-formation h2 { clear:both; background:#fff; height:40px; padding-left:30px; font-size:18px; font-weight:normal; color:#475f86; margin:0; } #conteneur .div-formation h2.conscience { background:#fff url('images/ico_conscience2.jpg') no-repeat 0 0; } #conteneur .div-formation h2.intelligence { background:#fff url('images/ico_intelligence2.jpg') no-repeat 0 10px; line-height:60px; height:60px; } #conteneur .div-formation h2.leadership { background:#fff url('images/ico_leadership2.jpg') no-repeat 0 15px; line-height:60px; height:60px; } #conteneur .div-formation p { margin:0; margin-left:30px; } #conteneur .rs-formation { background:url('images/bak_formation.jpg') no-repeat 0 0; float:left; width:208px; height:146px; position:relative; margin-left:10px; } #conteneur .rs-formation .content {} #conteneur .rs-formation h3 { color:#475F86; font-size:15px; font-weight:normal; margin:15px 0 10px 25px; width:165px; } #conteneur .rs-formation .date { margin:10px 15px; background:url('images/ico_date.png') no-repeat 0 50%; position:absolute; top:70px; left:10px; padding-left:18px; } #conteneur .rs-formation .infos { margin:10px 15px; bottom:5px; position:absolute; right:15px; text-transform:uppercase; } #conteneur .rs-formation .infos a { background:url('images/ico_info.png') no-repeat center right; padding-right:20px; color:#475F86; font-size:16px; text-decoration:none; } #conteneur h2.objectif { background:url('images/ico_objectifs.jpg') no-repeat 0 50%; height:40px; line-height:40px; padding-left:60px; font-size:18px; font-weight:normal; color:#475f86; margin-left:10px; clear:both; } #conteneur h2.programme { background:url('images/ico_programme.jpg') no-repeat 0 50%; height:40px; line-height:40px; padding-left:60px; font-size:18px; font-weight:normal; color:#475f86; margin-left:10px; clear:both; } #conteneur h2.etude { background:url('images/ico_etude.jpg') no-repeat 0 50%; height:40px; line-height:40px; padding-left:60px; font-size:18px; font-weight:normal; color:#475f86; margin-left:10px; clear:both; } #conteneur .infos { text-align:right; margin:10px 20px 20px 10px } #conteneur .infos a { background:url('images/ico_info.png') no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; } #conteneur .rs-emptybox { width:190px; background:url('images/bg_cadre_top.jpg') no-repeat; float:left; position:relative; margin:0 0 25px 25px; } #conteneur .rs-emptybox .content { background:url('images/bg_cadre_bottom.jpg') no-repeat left bottom; padding-bottom:10px; } #conteneur .rs-emptybox h3 { color:#475F86; font-size:16px; font-weight:normal; margin:10px; width:165px; text-align:center; } #conteneur .rs-emptybox p { margin:5px 10px; line-height:18px; } #conteneur .rs-emptybox .infos { text-align:right; margin:10px 20px 20px 10px } #conteneur .rs-emptybox .infos a { background:url('images/ico_info.png') no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; } #conteneur .rs-emptybox-xl { width:340px; background:url('images/bg_cadre_xl_top.jpg') no-repeat; float:left; position:relative; margin:0 10px 10px 10px; } #conteneur .rs-emptybox-xl .content { background:url('images/bg_cadre_xl_bottom.jpg') no-repeat left bottom; padding-bottom:10px; } #conteneur .rs-emptybox-xl h3 { color:#475F86; font-size:16px; font-weight:normal; margin:10px; text-align:center; } #conteneur .rs-emptybox-xl p { margin:5px 10px; line-height:18px; } #conteneur .rs-emptybox-xl .infos { text-align:right; margin:10px 20px 20px 10px } #conteneur .rs-emptybox-xl .infos a { background:url(images/ico_info.png) no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; } /*#conteneur .rs-emptybox-xxl { width:700px; background:url(images/bg_cadre_xxl_top.jpg) no-repeat; float:left; position:relative; } #conteneur .rs-emptybox-xxl .content { background:url(images/bg_cadre_xxl_bottom.jpg) no-repeat left bottom; padding-bottom:10px;} #conteneur .rs-emptybox-xxl h3 { color:#475F86; font-size:16px; font-weight:normal; margin:10px; text-align:center; } #conteneur .rs-emptybox-xxl p { margin:5px 10px; line-height:18px; } #conteneur .rs-emptybox-xxl .infos { text-align:right; margin:10px 20px 20px 10px } #conteneur .rs-emptybox-xxl .infos a { background:url(images/ico_info.png) no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; }*/ #conteneur .rs-emptybox-xxl { width:683px; background:url(images/bg_cadre_xxl_top.jpg) no-repeat; float:left; position:relative; margin-left:10px; } #conteneur .rs-emptybox-xxl .content { background:url(images/bg_cadre_xxl_bottom.jpg) no-repeat left bottom; padding-bottom:10px;} #conteneur .rs-emptybox-xxl h3 { color:#475F86; font-size:16px; font-weight:normal; margin:10px; text-align:center; } #conteneur .rs-emptybox-xxl p { margin:5px 10px; line-height:18px; } #conteneur .rs-emptybox-xxl .infos { text-align:right; margin:10px 20px 20px 10px } #conteneur .rs-emptybox-xxl .infos a { background:url(images/ico_info.png) no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; } #conteneur .rs-txt-imgbg { background:url(images/bg_objectifs_bottom.jpg) no-repeat left bottom; min-height:200px; margin-bottom:20px; } #conteneur .rs-txt-imgbg .content { background:url(images/bg_objectifs_top.jpg) no-repeat left top; min-height:50px; padding:20px; } #conteneur .rs-txt-imgbg .content ul { margin-left:35px; width:300px } #conteneur .rs-programme {} #conteneur .rs-programme .first {} #conteneur .rs-programme .last { margin-right:0; float:right; } #conteneur .rs-programme ul {} #conteneur .rs-programme ul li { font-weight:bold; } #conteneur .rs-programme ul ul { margin-bottom:20px; margin-left:50px; margin-top:-24px; } #conteneur .rs-programme ul ul li { font-weight:normal; } #conteneur .rs-benefice { background:url(images/bg_benefice_top.jpg) no-repeat left top; clear:both; border-top:0,5px dashed #b2b2b2; } #conteneur .rs-benefice .content { background:url(images/bg_benefice_bottom.jpg) no-repeat left bottom; padding-bottom:30px; } #conteneur .rs-benefice .content .first { margin:25px 0 0 50px; width:250px; } #conteneur .rs-benefice .content .last { margin:25px 0 0 80px; width:300px; } #conteneur .rs-benefice .content h2 { color:#475f86; font-size:16px; font-weight:bold; } #conteneur .rs-benefice .content p { margin:10px 0; } #conteneur .rs-benefice .content ul {} #conteneur .rs-benefice .content .half p {} #conteneur .rs-benefice .content .half ul { padding-left:25px; margin:0; } #conteneur .rs-consulting { width:700px; } #conteneur .rs-consulting * { margin:0; padding:0; } #conteneur .rs-consulting .title_left { float:left; width:26px; height:317px; background:url(images/consulting.png) no-repeat; margin-right:3px; } #conteneur .rs-consulting .block_right { float:left; width:652px; background:url(images/tiret.png) repeat-y left top; } #conteneur .rs-consulting .block_right ul { list-style:none; margin-left:20px; } #conteneur .rs-consulting .block_right ul li{ background:url(images/blue_arrow_big.png) 0px 4px no-repeat; padding:0px 0px 0px 20px; line-height:20px;margin-bottom:20px; text-align:justify; } #conteneur .rs-consulting .block_right h2 { color:#475f86; font-size:20px; font-weight:normal; margin-bottom:5px; } #conteneur .rs-consulting .block_right .more_infos { text-align:right;padding-right:15px;background:url(images/bg_link_consulting.png) no-repeat right; } #conteneur .rs-consulting .block_right .more_infos a{ color:#02a1c7; } #conteneur .rs-consulting .block_right .more_infos { text-align:right; margin:10px 20px 20px 10px; background:none; padding-right:0; } #conteneur .rs-consulting .block_right .more_infos a{ background:url(images/ico_info.png) no-repeat center right; padding-right:20px; color:#475F86; font-size:18px; text-decoration:none; } /* ********************************************************** */ /* ********************* COLUMN RIGHT *********************** */ /* ********************************************************** */ div#column p.infos { margin: 0; padding: 0; overflow: hidden; clear: both; } div#column p.infos a.more { display: block; background: url('design_images/more.png') no-repeat; float: right; width: 17px; height: 13px; text-indent: -999px; } /*div#column */a.btn_inscrire { line-height:30px; font-size:20px; color:#fff; background:url('images/bak_bouton.png') repeat-x 0 0; margin:0px 1px; padding:1px 0px; } /*div#column */a.btn_inscrire span { background:url('images/bak_bouton.png') repeat-x 0 0; margin:0 -1px; padding:0 20px; color:#fff; } div#column h2 { color: #475f86; font-family: "Lucida Grande", Verdana, sans-serif; font-size: 19px; font-weight: normal; margin: 15px 0; } div#column h2:after { content: ' »'; } div#column h4 { font-size: 12px; color: #3680b3; margin: 0; padding: 0; font-weight: bold;} div#column div.item { border-bottom: 1px solid #d5d5d6; margin: 5px 0 20px; width:210px; } div#column div.item p { margin: 0 0 5px; } div#column div.item p.date { font-size: 11px; margin: 0; padding: 0; font-weight: bold; } div#column div.item p.infos { margin: 0; padding: 0; overflow: hidden; clear: both; } div#column div.item p.infos a.more { display: block; background: url('design_images/more.png') no-repeat; float: right; width: 17px; height: 13px; text-indent: -999px; } div#column div.ressources { border-bottom: 1px solid #d5d5d6; margin: 5px 0 20px; width:210px; } div#column div.ressources .illu { float:left; margin-right:10px; width:50px; } div#column div.ressources .illu img { width:50px; } div#column div.ressources .rs-content { float:left; width:150px; } div#column div.ressources .rs-content .date { float:left; } div#column div.ressources .rs-content .type { float:right; font-weight:bold; } div#column div.ressources .rs-content .text { display:block; clear:both; color: #475f86; margin-bottom:10px; } div#column div.ressources p.infos { margin: 0; padding: 0; overflow: hidden; clear: both; } div#column div.ressources p.infos a.more { display: block; background: url('design_images/more.png') no-repeat; float: right; width: 17px; height: 13px; text-indent: -999px; } div#column div.testimonials { margin: 5px 0 20px; width:210px; background:url(images/bg_testim_top.png) no-repeat 0 0; } div#column div.testimonials div { background:url(images/bg_testim_bottom.png) no-repeat bottom right; padding-bottom:20px; } div#column div.testimonials p { margin-left:30px; } div#column div.testimonials p span { display:block; text-align:right; margin-top:5px; color:#475f86; } div#column div.formation { border-bottom: 1px solid #d5d5d6; margin: 5px 0 20px; width:210px; } div#column div.formation .titre { font-weight:bold; } div#column div.formation .titre:after { content: ' »'; } div#column div.formation .illu { margin:5px 0; } div#column div.formation .illu img { width:210px; } div#column div.formation .rs-content {} div#column div.formation p.infos { margin: 0; padding: 0; overflow: hidden; clear: both; } div#column div.formation p.infos a.more { display: block; background: url('design_images/more.png') no-repeat; float: right; width: 17px; height: 13px; text-indent: -999px; } div#column div.video { border-bottom: 1px solid #d5d5d6; margin: 5px 0 20px; width:210px; } div#column div.video p { font-weight:bold; margin-top:5px; } div#column div.video p:after { content: ' »'; } /* ********************************************************** */ /* ************************ FOOTER ************************** */ /* ********************************************************** */ #footer { width: 960px; margin: auto; position: relative; overflow: hidden; font-size:10px; } #footer .footer_navigation { background:url('images/bak_footer.gif') repeat-x 0 0; padding:10px; width:690px; float:left; } #footer a { color:#000; text-decoration:none; } #footer ul { list-style-type:none; margin:0; padding:0; margin-top:10px; } #footer ul li { float:left; margin:0 14px; } #footer ul ul {} #footer ul ul li { float:none; margin:0; } #footer ul ul a { color:#475f86; } #footer .footer_logo ul { height:30px; margin:0 0 0 45px; } #footer .footer_logo li { display:block; float:left; margin:0 8px; } #footer .footer_logo a { display:block; width:30px; height:30px; } #footer .footer_logo span { display:none; } #footer .footer_logo { background:url('images/bak_footer_logo.jpg') no-repeat left bottom; float:right; padding:10px 0; text-align:center; width:245px; border-top:1px solid #f1f2f6; } #footer .logo-facebook { background:url('images/facebook_ico.jpg') no-repeat 0 0; } #footer .logo-72 { background:url('images/72dpi_ico.jpg') no-repeat 0 0; } #footer .logo-72 a { width:60px; } #footer .logo-msn { background:url('images/ico_msn.gif') no-repeat 0 0; } #footer .logo-twitter { background:url('images/ico_twitter.gif') no-repeat 0 0; } #footer .logo-yahoo { background:url('images/ico_yahoo.gif') no-repeat 0 0; } /*#footer .dpi72 { float:right; text-align:center; width:150px; } #footer .dpi72 a { background:transparent url('images/ico_72dpi.png') no-repeat scroll 0 0; display:block; height:50px; margin:0 auto; width:100px; } #footer .dpi72 span { display:none; }*/ #footer .bxlexp { float:right; text-align:center; width:50px; } #footer .bxlexp_small { float:right; text-align:center; width:30px; margin-right:90px;margin-top:20px; } #footer .bxlexp a { background:transparent url('cmsfiles/image/logo_bxl_export.jpg') no-repeat scroll 0 0; display:block; height:50px; margin:0 auto; width:50px; } #footer .bxlexp_small a { background:transparent url('cmsfiles/image/logo_bxl_export_small.jpg') no-repeat scroll 0 0; display:block; height:50px; margin:0 auto; width:50px; } #footer .bxlexp span { display:none; } #footer .bxlexp_small span { display:none; } /* ********************************************************** */ /* *********************** HOMEPAGE ************************* */ /* ********************************************************** */ div#main div#conteneur .rs-home { background:url('images/bak_homepage_top.png') no-repeat 0 0; } div#main div#conteneur .rs-home .content { background:url('images/bak_homepage_bottom.png') no-repeat left bottom; } div#main div#conteneur .rs-home .content .tiers { float:left; /*padding-bottom:170px;*/ margin:30px 0 0 40px; width:190px; position:relative; height:350px; } div#main div#conteneur .rs-home .content .first { margin:30px 0 0 25px; } div#main div#conteneur .rs-home ul { margin:0 0 0 20px; padding:0; } div#main div#conteneur .rs-home li { list-style-image:url('images/bak_li_check.png'); margin:9px 0; padding:0; } div#main div#conteneur .rs-home p { margin:10px 0; } div#main div#conteneur .rs-home p.infos { position:absolute; right:5px; bottom:120px; } div#main div#conteneur .rs-home p.infos a { background:url(images/ico_info.png) no-repeat center right; padding-right:20px; color:#475F86; font-size:16px; text-decoration:none; text-transform:uppercase; float:right; } /* ********************************************************** */ /* *********************** RESSOURCES *********************** */ /* ********************************************************** */ #ressources { background:url(images/bak_ressources.png) repeat-x 0 0; padding-top:20px; } #ressources h2 { color:#475F86; font-size:22px; font-weight:normal; margin-left:10px; border-top:1px solid #ccc; padding-top:10px; margin-top:20px; } #ressources .item { width:680px; border-bottom:1px solid #ccc; margin-bottom:10px; } #ressources .item .type { float:left; width:60px; text-align:center; padding-top:2px; } #ressources .item .type span { color:#fff; padding:2px 5px; background:#2DCCF8; } #ressources .item .item-content { float:left; width:610px; padding-left:10px; } #ressources .item p { margin-top:0; margin-left:0; } #ressources .item .illu { float:left; width:150px; margin:0 10px 0 0; } #ressources .item .titre { font-weight:bold; color:#000; font-size:14px; margin-bottom:5px; } #ressources .item .description { font-style:italic; text-align:justify; } #ressources .item .auteur { display:block; margin-bottom:10px; color:#2DCCF8; font-size:14px; margin-top:0; font-weight:bold; } #ressources .item .texte { display:block; } #ressources-homepage h2 { color:#475F86; font-size:22px; font-weight:normal; margin-left:10px; } #ressources-homepage .item { float:left; margin-bottom:20px; width:345px; position:relative; padding-bottom:50px; } #ressources-homepage .item .item-content { float:left; padding-left:10px; width:300px; } #ressources-homepage .item .titre { font-weight:bold; color:#000; font-size:14px; margin-bottom:5px; } #ressources-homepage .item .description { font-style:italic; text-align:justify; } #ressources-homepage .item .auteur { display:block; margin-bottom:10px; color:#2DCCF8; font-size:14px; margin-top:0; font-weight:bold; } #ressources-homepage .item p { margin-top:0; margin-left:0; margin-right:0; } #ressources-homepage .infos { position:absolute; bottom:5px; right:30px; } /* ********************************************************** */ /* *********************** NEWSLETTER *********************** */ /* ********************************************************** */ .newsletter { } .newsletter p.error { color:#FF0000; font-weight:bold; text-align:center; } .newsletter .row { clear:both; margin:4px 0; } .newsletter label { line-height:18px; } .newsletter input { float:right; font-size:10px; width:130px; } .newsletter button { margin-left:50px; margin-top:20px; font-size:14px; } .contact { } p.error { color:#FF0000; font-weight:bold; text-align:center; } .contact .row { clear:both; margin:4px 0; padding:2px 0; } .contact label { line-height:18px; display:block; width:120px; float:left; margin-left:20px; } .contact input { float:left; font-size:12px; width:300px; font-family:Arial,Verdana,sans-serif; } .contact textarea { float:left; font-size:12px; width:300px; height:100px; font-family:Arial,Verdana,sans-serif; } .contact button { margin-left:140px; margin-top:5px; } /* ********************************************************** */ /* *********************** POPUP **************************** */ /* ********************************************************** */ #popup { width:600px; margin-left:-300px; position:fixed; top:60px; left:50%; z-index:999; background:#fff; -moz-border-radius:1em; -webkit-border-radius:1em; border-radius : 5px; _position: absolute; _top:expression(documentElement.scrollTop+body.scrollTop+100); overflow:auto; } #popup #popup_content { margin:20px; overflow:auto; padding-right:10px; } #cache { visibility:visible; background-color:#000; position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }