/* RESET YUI */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border:0; } a{color: #000000; text-decoration:none;} a:hover { text-decoration:underline; } label { cursor: pointer; } ul.block {padding:0px; } ul.block li{clear:both; list-style:circle; margin-left:15px; padding:0px; font-weight:normal; } #intPage #colCenter ul.block li{padding:0px; font-weight:normal; font-size: 100%; margin-left: 30px; margin-bottom: 4px;} /* GENERAL BLOCK */ body { font-family: Verdana,sans-serif; color: #000; font-size:68.75%; background:#fefdfa url(/styles/images/bg_body_homepage.jpg) repeat-x 0 0; } body#dispatch{ background:#f4f3f1 url(/styles/images/dispatch_01.jpg) repeat-x center top; } body#intPage { background-color:#F4F3F1; } #contenu_dispatch{ width:931px; margin:0 auto; position:relative; } .bl_header1{position:absolute; top:155Px; color:#FFF; text-transform:uppercase; } .link_entreprise_header{color:#811453; text-transform:uppercase; font-size:25px; display:block; text-align:center; width:275px; position:absolute; top:249px; left:62px;} .link_entreprise_header span{font-size:18px; } .link_particulier_header{color:#ff00fd; text-transform:uppercase; font-size:25px; display:block; text-align:center; width:275px; position:absolute; top:249px; right:40px;} .link_particulier_header span{font-size:18px; } .link_visited1{color:#FFF; font-size:13px; display:block; text-align:center; width:150px; position:absolute; top:316px; left:121px;} .link_visited2{color:#FFF; font-size:13px; display:block; text-align:center; width:150px; position:absolute; top:316px; right:98px;} #bl_header2{ text-transform:uppercase; left:18px; position:absolute; top:352px; width:358px; } #bl_header3{ text-transform:uppercase; right:18px; position:absolute; top:352px; width:358px; } #bl_header4{ font-weight:bold; left:140px; position:absolute; text-transform:uppercase; top:414px; width:208px; } #bl_header5{ font-weight:bold; right:20px; position:absolute; text-transform:uppercase; top:414px; width:208px; } #bl_header6{ left:-9px; position:absolute; top:444px; width:410px; text-align:center; color:#811453; font-size:11px; } #bl_header7{ right:-9px; position:absolute; top:444px; width:410px; text-align:center; color:#811453; font-size:11px; } #bl_header6 p, #bl_header7 p{ border-bottom:1px dotted #bab9ba; padding:5px;} #footer_dispatch{ height:170px; width:100%; background:#f4f3f1 url(/styles/images/dispatch_footer.png) repeat-x 0 0; position:absolute; top:700px; padding-top:69px; } .logoFooter{ color:white; font-size:30px; text-transform:uppercase; font-family:Tw Cen MT,Verdana;} .logoFooter span{ color:#fb64cf; } #main-2cols { float:left; width: 100%; padding-top: 10px;background: url(images/bg-main-2cols.gif) repeat-y left top; } #bg-header { position:absolute; left: 0; top: 0; width:100%; z-index:-1; height:210px; background: url(/styles/images/header.jpg) no-repeat 50% 0; } #wrapper { position: relative; top:0; z-index: 1; width: 1002px; margin: 0 auto; } #header { overflow: hidden; } #nav { height: 55px; margin-top: 7px; } body#intPage #nav{ background-color:white;} #main { float:left; width: 100%; padding-top: 20px; } body#intPage #main { background:white url(/styles/images/bg-main-homepage.gif) repeat-y; } #presentation { float:left; width:100%; margin-bottom: 21px; } #colCenter { float: right; width: 532px; margin: 0 200px 0 -732px; } #colRight { float: right; width: 160px; margin:0; padding:0 20px; } #colLeft { float:left; width: 230px; margin-right: -5px; margin-left: 0; padding:0 20px;} body#intPage #colLeft { float:left; width: 230px; margin-right: -5px; margin-left: 0; padding:0 15px; margin-bottom:10px; } #footer { clear: both; height:; margin: 0 auto; width:100%; background-color: black; height: 240px; padding-top:44px; } #footer-content { width:1002px; margin:0 auto; height: 100%; } /* GENERAL STYLES */ .clear { clear:both; } .float_left { float:left; } .float_right { float:right; } .floatbox { overflow:hidden; } .noBorder { border: none; } /* FONTS */ .tw { font-family: "Tw Cen MT", "Trebuchet MS", Arial } .gothic { font-family:"Century Gothic",Arial,sans-serif; } /* COLOR */ .customColor, #first-line a:hover, #tabHeader a:hover, #footer p a, #colLeft .block-type1 p, #colLeft .block-type2 a:hover { color: #ff15b9; } /* TITLES */ h1 {} h2 {} h3 {} /* CORNERS */ .cornerLeftTop { left: 0px; top: 0px; } .cornerRightTop { right: 0px; top: 0px; } .cornerRightBottom { right: 0px; bottom: 0px; } .cornerLeftBottom { left: 0px; bottom: 0px; } .cornerLeftTop, .cornerRightTop, .cornerRightBottom, .cornerLeftBottom { position: absolute; z-index: 100; } /* HEADER */ a#logo { display:block; text-indent: -9999px; width: 527px; height: 50px; margin-top: 104px;} #first-line { height:24px; line-height: 24px; font-size: 17px; color:white; margin-left: 15px; width:740px; } #first-line a { font-family: Verdana, sans-serif; font-size: 11px; margin-left: 20px; color: white; text-decoration: none; } #push1 { position: absolute; left:785px; top:135px; font-weight: bold; font-size:15px; } #push1 img { float: left; } #push1 a { display: block; float: left; color: white; margin-left: 5px; } #push1 a:hover { text-decoration: none; } #push1 strong { font-size: 22px;} #second-line { padding: 0 20px; height: 16px; margin-top: 9px; width: 490px; margin-left: 15px; line-height: 16px; border-width: 0 1px; text-align: center; border-style: solid; border-color: white; color:white; } #second-line a { margin-left: 10px; color:white; } #searchForm { position:absolute; top:187px; right:25px; } #searchForm input.typeText { border:1px solid black; height: 17px; padding:0 5px; margin-right: 4px; float: left; } #searchForm-sub { border: none; background: url(/styles/images/btn-search.gif) no-repeat top left; width:30px; height: 18px; font-weight: bold; font-size: 13px; } #tabHeader { position: absolute; left: 578px; top:184px; width: 186px; height: 27px; line-height:27px; text-align: center; font-size: 10px; } #tabHeader a { margin:0 3px; text-decoration: none; color: #000; } /* Navigation */ #nav a#icoHouse { display: block; margin:14px 20px 0 15px; float: left; } #nav ul { float: left; margin-top:14px; } #nav li { list-style-type: none; display:block; float: left; height:24px; text-align: center; margin-right:10px; padding-left:5px; line-height: 24px; font-size: 19px; } #nav li span { display:block; float: left; height:24px; width:100%; padding-right: 5px; margin-right:20px; } #nav li#currentNav { background: url(/styles/images/button_nav.gif) no-repeat top left; } #nav li#currentNav span { background: url(/styles/images/button_nav.gif) no-repeat right -24px; } #nav li:hover { background: url(/styles/images/button_nav.gif) no-repeat left -48px; } #nav li:hover span { background: url(/styles/images/button_nav.gif) no-repeat right -72px; } #nav li a { color: #1a171b; } #nav li a:hover { text-decoration: none; } #colRight-2cols { float: right; width: 732px; margin:0; padding:0;} /* CONTENT */ /* Homepage only */ #presentation { position: relative; background-color: white; width: 980px; } #presentation #leftSide { float: left; width: 274px; height: 461px; margin:7px; border: 1px solid #dcdedd; } #leftSide p { font-size: 22px; text-align: center; } #leftSide p strong { font-size: 45px; font-weight: normal; } #presentation #rightSide { float: right; background-color: #F4F3F1; width: 689px; height: 477px; } /* Right column */ #colRight h3 { font-size: 15px; font-weight: normal; width: 160px; margin: 0 0 10px; } #colRight ul { margin-bottom:20px; width:160px; } #colRight li { border-top: 1px dotted #c6c6c4; margin-top:5px; padding:8px 0; } #colRight li strong { font-size: 10px; } #colRight li a { font-weight: bold; } #colRight .advert { height: 200px; background-color: #ff15b9; } /* Right column Offres Exclusives */ #colRight h3.offres-exclusives { font-size: 15px; font-weight: normal; width: 167px; margin: 0; padding: 5px 0 0 0; text-align:center; background:url(images/bg_offres_exclusives.gif) no-repeat left top; color:#FFFFFF; height:26px; } #colRight #offres-exclusives-content {width: 167px; margin: 0 0 10px 0; padding: 0; background:url(images/bg_offres_exclusives_txt.gif) no-repeat left top; height:135px; } #colRight #offres-exclusives-txt {color:#000000; font-size:40px;height:80px;line-height:40px;padding:25px 0 0 20px; text-align:center;width:130px; } #colRight #offres-exclusives-txt span{font-size:14px;line-height:14px; color:#FFFFFF; } #colRight ul { margin-bottom:20px; width:160px; } #colRight li { border-top: 1px dotted #c6c6c4; margin-top:5px; padding:8px 0; } #colRight li strong { font-size: 10px; } #colRight li a { font-weight: bold; } /* 2cols - Right column - Actu */ #colRight-2cols #actu-header{border-bottom:1px solid #F4F3F1; line-height:17px;height:27px;} #colRight-2cols #actu-footer{border-top:1px solid #F4F3F1; line-height:17px;height:27px;padding:10px 0 0 0; margin:10px 0 0 0;} #colRight-2cols #actu-header h4, #colRight-2cols #actu-footer h4{float:left; margin:0 0 0 30px; font-size:13px; color:#ff15b9;} #colRight-2cols #actu-header ul, #colRight-2cols #actu-footer ul{float:right; padding:0 20px 0 0;} #colRight-2cols #actu-header ul li, #colRight-2cols #actu-footer ul li{float:left; padding:2px 10px;} #colRight-2cols #actu-header ul li a, #colRight-2cols #actu-footer ul li a{color:#000000;font-size:11px; font-weight:bold;} #colRight-2cols #actu-header ul li.prev a, #colRight-2cols #actu-footer ul li.prev a{border-right:1px solid #dcdbd9; padding:0 10px 0 0;} #colRight-2cols #actu-header ul li.prev, #colRight-2cols #actu-footer ul li.prev{background:url(images/ico_actu_prev.gif) left 8px no-repeat; } #colRight-2cols #actu-header ul li.next, #colRight-2cols #actu-footer ul li.next{background:url(images/ico_actu_next.gif) right 8px no-repeat; padding:2px 10px 2px 0;} /* 2cols - Right column - Liste Actualité */ .actu-content-texte {width:670px; margin: 10px auto; padding:0 0 10px 0 ;} .actu-content-texte img {float:left;} .actu-content-texte h3 {float:right;width:510px; font-size:20px; font-weight:normal;} .actu-content-texte h3 a{color:#000000;} .actu-content-texte ul{float:right; width:510px; margin:10px 0 0 0; padding:0;} .actu-content-texte ul li{font-size: 12px; font-weight: bold; color:#FF2AC0; float:left; padding:0 20px 0 0;} .actu-content-texte ul li.plus{background:url(images/puce_plus.gif) left 4px no-repeat; padding:1px 0 1px 13px;} .actu-content-texte ul li.plus a{font-size: 11px; font-weight: bold; color:#FF2AC0;} .actu-content-texte p{float:right; width:510px; margin:10px 0 0 0; padding:0;} .actu-content-separation {border-bottom:1px dotted #c6c6c4; width:670px; margin: 10px auto; padding:0;} /* 2cols - Right column - formulaire contact */ #colRight-2cols #formulaire-contact{width:670px; margin: 10px auto; padding:0 0 10px 0 ;} #colRight-2cols #formulaire-contact h1{font-size: 30px; font-weight: normal; } #colRight-2cols #formulaire-contact ul {margin:10px 0; padding:0;} #colRight-2cols #formulaire-contact ul li{float:left; color:#000000; padding:2px 24px 2px 15px; font-size: 10px; font-weight: bold; } #colRight-2cols #formulaire-contact ul li.phone{background:url(images/ico_phone.gif) left 2px no-repeat; color:#FF2AC0; } #colRight-2cols #formulaire-contact p{padding:5px 0;} #colRight-2cols #formulaire-contact table{width:420px;margin:20px 0 0 0;} #colRight-2cols #formulaire-contact tr{height:20px;} #colRight-2cols #formulaire-contact td{font-size: 11px; font-weight: bold; color:#FF2AC0;} #colRight-2cols #formulaire-contact td input{width:200px; border:1px solid #9B9B9B; margin:1px 0; padding:2px 0;} #colRight-2cols #formulaire-contact td textarea{border:1px solid #9B9B9B; margin:1px 0; padding:2px 0;} #colRight-2cols #formulaire-contact td input.radio{width:20px; border:none;} #colRight-2cols #formulaire-contact input.typeSubmit { background: url(images/btn_contact_submit.gif) no-repeat top left; width: 102px; height: 25px; border: none; color: white; font-size: 15px; margin-top: 10px; text-align:center; float:left;} /* Right column RESUME */ #colRight h3.resume-titre { font-size: 15px; font-weight: normal; width: 167px; margin: 10px 0 0 0; padding: 2px 0 0 8px; background:url(images/bg_resume_titre.gif) no-repeat left top; color:#ff2ac0; height:23px; } #colRight #resume-txt { font-size: 15px; font-weight: normal; width: 149px; margin:0; padding:0 8px; color:#ff2ac0; border-left: 1px solid #dcdedd; border-right: 1px solid #dcdedd; border-bottom: 1px dotted #dcdedd;} #colRight #resume-type { font-size: 15px; font-weight: normal; width: 149px; margin:0; padding:0 8px; color:#ff2ac0; border-left: 1px solid #dcdedd; border-right: 1px solid #dcdedd; border-bottom: 1px solid #dcdedd;} #colRight #resume-txt p, #colRight #resume-type p{font-size: 11px; font-weight: normal; margin:0; padding:5px 0 ; color:#000000;} #colRight #resume-txt span.type, #colRight #resume-type span.type { font-size: 15px; font-weight: bold;color:#27c123;} #colRight #resume-plus {width: 149px; margin:0; padding:0 8px; color:#ff2ac0; border-left: 1px solid #dcdedd; border-right: 1px solid #dcdedd; border-bottom: 1px solid #dcdedd;} #colRight #resume-plus h4{background:url(images/puce_plus.gif) left 4px no-repeat; font-size: 11px; font-weight: bold;font-style: italic ; color:#FF2AC0; padding:2px 0 2px 13px;} #colRight #resume-plus ul {margin:0; padding:2px 0; border:0;} #colRight #resume-plus ul li{margin:0; padding:0; border:0;font-size:10px;line-height:12px; color:#FF2AC0;} /* Right column Demande un devis */ #colRight .btn-demande-devis { background:url(images/bg_col_right_btn_rose.gif) top left no-repeat; width: 167px; height: 25px; margin: 10px 0; text-align:center; padding:5px 0 0 0;} #colRight .btn-demande-devis a{ font-size: 11px; font-weight: bold; color:#FFFFFF;} #colRight .btn-demande-devis a:hover{ text-decoration:none;} #colRight .advert { height: 200px; background-color: #ff15b9; } /* Center column */ ul.list-style1 li { display: block; float: left; width: 224px; margin:10px 21px; min-height: 240px; } ul.list-style1 li a { display: block; font-size: 13px; font-weight: bold; text-decoration: none; } ul.list-style1 li a img { display: block; margin: 5px 0; } ul.list-style2 { float:left; width:484px; margin:20px 10px 0 20px; } ul.list-style2 li { margin-bottom: 15px; } #bar-ambiance { background:url(/styles/images/bar-grey-round.png) no-repeat left top; width:491px; height: 28px; margin-left: 20px; overflow: hidden;} .bar-icon { float: right; margin:5px 4px 0 0; } ul#bar-tags { float: left; } ul#bar-tags li { float: left; display: block; height: 20px; } ul#bar-tags li a { float: left; display: block; height: 20px; padding-left: 5px; margin:4px 4px 0; text-decoration: none; color: #1a171b; } ul#bar-tags li a:hover, ul#bar-tags li a.sele { background: url(/styles/images/bar-ambiance-button-L.gif) no-repeat left top; color: white; } ul#bar-tags li a span { float: left; display: block; height: 20px; padding:0 13px 0 8px; line-height: 18px; } ul#bar-tags li a:hover span, ul#bar-tags li a.sele span { background: url(/styles/images/bar-ambiance-button-R.gif) no-repeat right top; } /* Left column */ #colLeft .block-type1 { text-align: center; margin:0 0 30px; font-size: 14px; } #colLeft .block-type1 h3 { font: normal 21px Times sans-serif; margin-bottom: 10px; } #colLeft .block-type1 img { margin:10px 0; } #colLeft .block-type2 { border:3px solid #eceeee; border-top: none; padding:5px 10px 10px; margin:0 0 10px; } #colLeft .block-type2 p.title { font-size: 12px; } #colLeft .block-type2 p.typeClient { background-color: #fdc1ec; font-weight: bold; padding-left:5px; margin:5px 0; line-height: 18px; } #colLeft .block-type2 a { display:block; border-bottom: 1px dotted #fdc1ec; color: #000; text-decoration: none; } #colLeft .typeSeo { font-size: 9px; text-align:justify; width:226px;} /* Formulaire */ input.typeSubmit { cursor: pointer; } #form1 { margin-left:23px; } #form1 input.typeText { border:1px solid #9b9b9b; width: 230px; padding:2px 0; margin:1px 0; } #form1 select { border:1px solid #9b9b9b; width:232px; padding:2px 0; margin:5px 0 1px;} #form1 textarea { border:1px solid #9b9b9b; width: 230px; } #form1 #lnom, #form1 #lprenom, #form1 #nom, #form1 #prenom { display: block; float: left; width: 111px; } #form1 #nom { margin-right:6px; } #form1 #lnom { margin-right:8px; } #form1 input.typeSubmit { background: url(/styles/images/btn-submit.gif) no-repeat top left; width: 230px; height: 25px; border: none; color: white; font-size: 20px; margin-top: 10px; } /* FOOTER */ #footer p, #footer-content div { float: left; border-right:1px solid #2f2d30; } #footer p { font-size:14px; width:213px; float:left; border-right:1px solid #2f2d30; padding-bottom: 10px; } #footer p strong { font-size:30px; color: white; } #footer p a { text-decoration: none; } #footer #dleft { width:237px; padding-left:22px; } #footer #dcenter { padding-left:18px; width:252px; } #footer #dright { padding-left: 23px; border:none; width: 233px; } #footer #dright strong { font-size:24px; color: white; font-weight: normal; } #footer div h4 { font-size:20px; font-weight: normal; border-bottom: 1px dotted #dbd5ba; width: 182px; } #footer ul { width:182px; } #footer li { border-bottom: 1px dotted #dbd5ba; padding:4px 0; } #footer a { color:white; } /* Intérieur only */ #leftSideInt { float: left; width: 240px; height: 461px; padding:0px 15px 10px 15px; margin-left:-15px; margin-bottom:15px; display: inline; border-bottom : 1px solid #f4f3f1;} #leftSideInt2 { width: 240px; padding:10px 15px; } #leftSideInt p { font-size: 22px; text-align: center; } #leftSideInt p strong { font-size: 45px; font-weight: normal; } #leftSideInt #form1 { margin-left:0px; } #intPage #colCenter h1 { font-size:30px; font-weight:normal; } #intPage #colCenter { padding:0 10px; width:512px; } #intPage #colCenter {padding: 0 10px; width:512px;} #intPage #colCenter p{padding:5px 0;} #intPage #colCenter h1{font-size: 30px; font-weight: normal; } #intPage #colCenter ul {margin:10px 0; padding:0;} #intPage #colCenter ul li{float:left; color:#000000; padding:2px 24px 2px 15px; font-size: 10px; font-weight: bold; } #intPage #colCenter ul li.phone{background:url(/styles/images/ico_phone.gif) left 2px no-repeat; color:#FF2AC0; } #intPage #colCenter ul li.print{background:url(/styles/images/ico_print.gif) left 2px no-repeat;} #intPage #colCenter ul li.send{background:url(/styles/images/ico_send.gif) left 1px no-repeat;} #intPage #colCenter ul li a{ color:#000000;} /* Center column - Page Intérieure - Onglet PHOTO - VIDEO */ #intPage #colCenter #onglet {margin:10px 0 0 0; padding:0;} #intPage #colCenter #onglet #onglet_photos {float:left; color:#FFFFFF; font-size: 11px; font-weight: bold; border-right: 1px solid #dcdedd; border-left: 1px solid #dcdedd; border-top: 1px solid #dcdedd;background:#e3e3e3; padding:5px 25px; width:50px; margin:0;} #intPage #colCenter #onglet #onglet_photos_actif{float:left; color:#60d05d; font-size: 11px; font-weight: bold; border-right: 1px solid #dcdedd; border-left: 1px solid #dcdedd; border-top: 1px solid #dcdedd;background:#ffffff; padding:5px 25px; width:50px; margin:0;} #intPage #colCenter #onglet #onglet_videos{float:left; color:#FFFFFF; font-size: 11px; font-weight: bold; border-right: 1px solid #dcdedd; border-top: 1px solid #dcdedd;background:#e3e3e3; padding:5px 25px; width:50px; margin:0;} #intPage #colCenter #onglet #onglet_videos_actif{float:left; color:#60d05d; font-size: 11px; font-weight: bold; border-right: 1px solid #dcdedd; border-top: 1px solid #dcdedd;background:#ffffff; padding:5px 25px; width:50px; margin:0;} #intPage #colCenter #onglet #onglet_photos a, #intPage #colCenter #onglet #onglet_videos a { color:#FFFFFF; } #intPage #colCenter #onglet #onglet_photos_actif a, #intPage #colCenter #onglet #onglet_videos_actif a { color:#60d05d; } #intPage #colCenter #onglet #onglet_vides{float:left; color:#FFFFFF; font-size: 11px; font-weight: bold; border-bottom: 1px solid #dcdedd;background:#FFFFFF; padding:5px 0; width:309px; margin:0; height:15px;} /* Center column - Page Intérieure - Onglet PHOTO - VIDEO */ #intPage #colCenter #fiche-actu-navigation {margin:10px 0 5px 0; padding:0; border-bottom:1px solid #DCDEDD;height:23px;} #intPage #colCenter #fiche-actu-navigation a.retour_index {background: url(/styles/images/button_gris.gif) no-repeat right -20px; float:left;color:#1A171B; cursor:pointer;display:block;height:20px;padding:0 10px 0 0; line-height:18px;} #intPage #colCenter #fiche-actu-navigation a.retour_index span {background: url(/styles/images/button_gris.gif) no-repeat left top;float:left;height:20px;padding-left:10px;} #intPage #colCenter #fiche-actu-navigation ul{float:right;margin:0;padding:0;} #intPage #colCenter #fiche-actu-navigation ul li {padding:0 10px;line-height:18px;} #intPage #colCenter #fiche-actu-navigation ul li a{font-weight:normal; font-size: 11px;} #intPage #colCenter #slideshowInt{width:513px; height:422px; margin:10px 0; background:#FFFFFF; } #slideshow { margin:0 auto; width:689px; height:477px; position:relative;} #slideshow #slidesContainer { margin:0 auto; width:689px; height:477px; overflow:auto; position:relative;} #slideshow #slidesContainer .slide { margin:0 auto; width:669px; height:477px;} #slideshow img { margin: 0; padding: 0; border: 0; } #slideshow p { background-color: #000; height: 41px; padding: 10px 0 0 10px; color: white; margin: 0; } .control { display:block; width:38px; height:35px; text-indent:-10000px; position:absolute; cursor: pointer;} #leftControl { bottom:8px; right:50px; background:transparent url(/styles/images/control_left.gif) no-repeat 0 0; z-index: 1;} #rightControl { bottom:8px; right:8px; background:transparent url(/styles/images/control_right.gif) no-repeat 0 0;} .slidesh2{width:512px;} * html #colCenter ul li { height: 240px; } /* Formulaire */ input.typeSubmit { cursor: pointer; } #form1 { margin-left:23px; } #form1 input.typeText { border:1px solid #9b9b9b; width: 230px; padding:2px 0; margin:1px 0; } #form1 select { border:1px solid #9b9b9b; width:232px; padding:2px 0; margin:5px 0 1px;} #form1 textarea { border:1px solid #9b9b9b; width: 230px; } #form1 #lnom, #form1 #lprenom, #form1 #nom, #form1 #prenom { display: block; float: left; width: 111px; } #form1 #nom { margin-right:6px; } #form1 #lnom { margin-right:8px; } #form1 input.typeSubmit { background: url(/styles/images/btn-submit.gif) no-repeat top left; width: 230px; height: 25px; border: none; color: white; font-size: 20px; margin-top: 10px; } /* 2cols - Right column - formulaire contact */ #colRight-2cols #formulaire-contact{width:670px; margin: 10px auto; padding:0 0 10px 0 ;} #colRight-2cols #formulaire-contact h1{font-size: 30px; font-weight: normal; } #colRight-2cols #formulaire-contact ul {margin:10px 0; padding:0;} #colRight-2cols #formulaire-contact ul li, #colRight-2cols #formulaire-contact th{float:left; color:#000000; padding:2px 24px 2px 15px; font-size: 10px; font-weight: bold; } #colRight-2cols #formulaire-contact ul li.phone{background:url(/styles/images/ico_phone.gif) left 2px no-repeat; color:#FF2AC0; } #colRight-2cols #formulaire-contact p{padding:5px 0;} #colRight-2cols #formulaire-contact table{width:420px;margin:20px 0 0 0;} #colRight-2cols #formulaire-contact tr{height:20px;} #colRight-2cols #formulaire-contact th{font-size: 11px; font-weight: bold; color:#FF2AC0; width:84px; padding-bottom:5px;} #colRight-2cols #formulaire-contact td input{width:200px; border:1px solid #9B9B9B; margin:1px 0; padding:2px 0; margin-bottom:7px;} #colRight-2cols #formulaire-contact td textarea{border:1px solid #9B9B9B; margin:1px 0; padding:2px 0;} #colRight-2cols #formulaire-contact td input.radio{width:20px; border:none;} #colRight-2cols #formulaire-contact input.typeSubmit { background: url(/styles/images/btn_contact_submit.gif) no-repeat top left; width: 102px; height: 25px; border: none; color: white; font-size: 15px; margin-top: 10px; text-align:center; float:left;} a.blocPromo { display:block; margin-bottom:20px; }