/* CSS Document */ body{padding:0px; margin:0px; background:#c2c2c2 url(../images/bckgrd-body.jpg) center top repeat-x; color:#5e5e5e; font:11px verdana, sans-serif; } div, p, ul, h1, h2, h3, h4, img{padding:0px; margin:0px;} ul{list-style-type:none;} a { outline:none; color:#009900; text-decoration:none;} .clear {clear: both; margin: 0px} .separation { clear:both; width:473px; height:14px; background:url(../images/separation.gif) no-repeat;} .breadcrumb { font-size:10px; margin:-15px 0 15px 0;} /* CONTENT */ #content{width:775px; height:760px; background:url(../images/bckgrd.jpg) 0 0 repeat-y; margin: 0 auto; clear:both; } #contentLeft { float:left; width:250px; height:672px;} #contentLeft #Logo { padding:54px 0 0 47px;} #contentLeft #Logo img { border:none;} #contentLeft #services { margin:47px 0 0 77px;} #contentLeft #services h1 { padding:0 0 0 28px; min-height:15px; background:url(../images/cadre-arrow.png) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#5e5e5e; text-transform:uppercase;} #contentLeft #services li { padding:0 0 0 28px; min-height:18px; background:url(../images/li-arrow.png) top left no-repeat; color:#5e5e5e;} /*#contenuPage li { padding:0 0 0 28px; min-height:18px; background:url(../images/li-arrow.png) top left no-repeat; color:#5e5e5e;}*/ .ulList li { padding:0 0 0 28px; min-height:18px; background:url(../images/li-arrow.png) left 5px no-repeat; color:#5e5e5e;} /* MENU */ #contentLeft #header ul{margin:3px 0 0 46px;} #contentLeft #header ul li a{display:block; text-indent:-20000px; width:199px; } #contentLeft #header ul li.menuPresentation a{height:32px; background:url(../images/menu-presentation.png) 0 0 no-repeat; } #contentLeft #header ul li.menuPresentation a:hover{height:32px; background:url(../images/menu-presentation-h.png) 0 0 no-repeat;} #contentLeft #header ul li.menuCreation a{height:28px; background:url(../images/menu-creation.png) 0 0 no-repeat; } #contentLeft #header ul li.menuCreation a:hover{height:28px; background:url(../images/menu-creation-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousEtude a{height:22px; background:url(../images/sous-etude.png) 0 0 no-repeat; } #contentLeft #header ul li.sousEtude a:hover{height:22px; background:url(../images/sous-etude-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousElagage a{height:24px; background:url(../images/sous-elagage.png) 0 0 no-repeat; } #contentLeft #header ul li.sousElagage a:hover{height:24px; background:url(../images/sous-elagage-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousTerrassement a{height:24px; background:url(../images/sous-terrassement.png) 0 0 no-repeat; } #contentLeft #header ul li.sousTerrassement a:hover{height:24px; background:url(../images/sous-terrassement-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousPreparation a{height:24px; background:url(../images/sous-preparation.png) 0 0 no-repeat; } #contentLeft #header ul li.sousPreparation a:hover{height:24px; background:url(../images/sous-preparation-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousPavage a{height:24px; background:url(../images/sous-pavage.png) 0 0 no-repeat; } #contentLeft #header ul li.sousPavage a:hover{height:24px; background:url(../images/sous-pavage-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousLuminaire a{height:24px; background:url(../images/sous-luminaire.png) 0 0 no-repeat; } #contentLeft #header ul li.sousLuminaire a:hover{height:24px; background:url(../images/sous-luminaire-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousPlantation a{height:24px; background:url(../images/sous-plantation.png) 0 0 no-repeat; } #contentLeft #header ul li.sousPlantation a:hover{height:24px; background:url(../images/sous-plantation-h.png) 0 0 no-repeat;} #contentLeft #header ul li.sousEngazonnement a{height:26px; background:url(../images/sous-engazonnement.png) 0 0 no-repeat; } #contentLeft #header ul li.sousEngazonnement a:hover{height:26px; background:url(../images/sous-engazonnement-h.png) 0 0 no-repeat;} #contentLeft #header ul li.menuEntretien a{height:28px; background:url(../images/menu-entretien.png) 0 0 no-repeat; } #contentLeft #header ul li.menuEntretien a:hover{height:28px; background:url(../images/menu-entretien-h.png) 0 0 no-repeat;} #contentLeft #header ul li.menuAutres a{height:28px; background:url(../images/menu-autres.png) 0 0 no-repeat; } #contentLeft #header ul li.menuAutres a:hover{height:28px; background:url(../images/menu-autres-h.png) 0 0 no-repeat;} #contentLeft #header ul li.menuPartenaires a{height:28px; background:url(../images/menu-partenaires.png) 0 0 no-repeat; } #contentLeft #header ul li.menuPartenaires a:hover{height:28px; background:url(../images/menu-partenaires-h.png) 0 0 no-repeat;} #contentLeft #header ul li.menuRealisations a{height:28px; background:url(../images/menu-realisations.png) 0 0 no-repeat; } #contentLeft #header ul li.menuRealisations a:hover{height:28px; background:url(../images/menu-realisations-h.png) 0 0 no-repeat;} #contentLeft #header ul li.menuContact a{height:27px; background:url(../images/menu-contact.png) 0 0 no-repeat; } #contentLeft #header ul li.menuContact a:hover{height:27px; background:url(../images/menu-contact-h.png) 0 0 no-repeat;} #contentRight { float:left; width:473px; height:672px;} #contentRight #MenuTop { height:38px; font-size:10px; padding:53px 0 0 0;} #contentRight #MenuTop .home { background:url(../images/picto-home.gif) top left no-repeat; padding:0 0 0 21px; min-height:10px; margin:0 0 0 220px;} #contentRight #MenuTop .home a { color:#5e5e5e; text-decoration:none;} #contentRight #MenuTop .home a:hover { color:#009900; text-decoration:none;} #contentRight #MenuTop .plan { background:url(../images/picto-plan.gif) top left no-repeat; padding:0 0 0 21px; min-height:10px; margin:0 0 0 30px;} #contentRight #MenuTop .plan a { color:#5e5e5e; text-decoration:none;} #contentRight #MenuTop .plan a:hover { color:#009900; text-decoration:none;} #contentRight #Animation { height:221px;} #contentRight #bienvenue { padding:20px 0 5px 20px; width:435px;} #contentRight #bienvenue img { float:left; padding:20px;} #contentRight #bienvenue h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#009900;} #contentRight #bienvenue h1 span {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#5e5e5e;} #contentRight #bienvenue h2 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#5e5e5e; text-transform:uppercase;} #contentRight #bienvenue a { color:#009900; text-decoration:none;} #contentRight #bienvenue a:hover { color:#009900; text-decoration:none;} #contentRight #activites { padding:20px 0 5px 20px;} #contentRight #activites h1 { padding:0 0 0 28px; min-height:15px; background:url(../images/cadre-arrow.png) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#5e5e5e; text-transform:uppercase;} #contentRight #activites a { color:#009900; text-decoration:none;} #contentRight #activites a:hover { color:#009900; text-decoration:none;} #contentRight #activites .homeActivites { width:130px; padding:0 20px 0 0; background:url(../images/separation-droite.gif) top right repeat-y; float:left; margin:0 3px 0 0;} #contentRight #activites .homeActivites h3{font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5e5e5e;} #contentRight #activites .homeActivites a { font-size:10px;} #contentRight #activites .homeActivitesEnd { width:130px; float:left; margin:0 3px 0 0;} #contentRight #activites .homeActivitesEnd a { font-size:10px;} #contentRight #activites .homeActivitesEnd h3{font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5e5e5e;} #contentRight #contenuPage { padding:20px 0 5px 20px; width:435px;} #contentRight #contenuPage h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#009900;} /* FOOTER */ /* CLASS */ .bannerGsm { background:url(../images/banner-gsm.png) right bottom no-repeat; text-indent:-2000px; display:block; width:199px; height:84px; padding:15px 0 0 45px;} .clear { clear:both;} .contactLeft { float:left; width:180px;} .espaceContact { padding:0 0 0 20px; border-left:1px dotted #CCC; line-height:20px;} .espaceEnd {border-bottom:1px dotted #CCC; line-height:20px; width:400px; clear:both; padding:15px 0 0 0;} /*Mail alert page*/ .formError{background-color:#ffdfdf; color:#000000;} .formErrorHeader{background-color:#ffbfbf; color:#af4c4c; padding:5px 5px 5px 10px;} .formOkHeader{background-color:#bfffc7; color:#53af4c; padding:5px 5px 5px 10px;} .formMessage{background-color:#c8ffbf; color:#000000; padding:5px 5px 5px 10px;} .formErrorMsg{padding:10px 10px 10px 5px} .formError ul { padding:0; margin:0;} .formError li { padding:0; margin:0; list-style:none;} .formError li { background:url(../images/form-error.png) left 1px no-repeat; padding:0 0 0 18px; line-height:20px;} a.formErrorLink{text-decoration:none; color:#000000; } a.formErrorLink:hover{color:#CC3300; text-decoration:none;} .formLabel { float:left; width:85px;} .formInput { float:left;} .formClear { clear:both;} .formInput { font-size:11px; width:200px; background:#fff; border:1px solid #5b5b5b;} .formInputCourt { font-size:11px; width:85px; background:#fff; border:1px solid #5b5b5b;} .formInputText { font-size:11px; width:200px; background:#fff; border:1px solid #5b5b5b; height:115px; background:#fff url(../images/requis.png) right top no-repeat; padding:0 72px 0 0;} .formBtn { font-size:11px; font-weight:normal; color:#fff; border:1px #2b2e32 solid; background:#2b2e32; cursor:pointer; padding:5px;} .formBtn:hover { font-size:11px; font-weight:normal; color:#fff; border:1px #2b2e32 solid; background:#090a0a; cursor:pointer; padding:5px;} .requis {background:#fff url(../images/requis.png) right top no-repeat; padding:0 72px 0 0; height:16px; line-height:16px;} .contactRight { width:400px; padding:0; } .contactRight label { float:left; width:100px;} .contactFormHeight { height:5px; overflow:hidden; border-bottom:1px solid #CCC; margin:8px 0 8px 0;} .contactFormEnd { height:5px; overflow:hidden; border-bottom:1px dotted #CCC; margin:8px 0 8px 0;} .formLeft { float:left; width:300px;} /*End of Mail alert page*/ .scrollable {height:295px; overflow: auto; width:420px; padding:0 22px 0 0; line-height:18px; } .scrollable img { border:none;} .borderNone { border:none;} .logoPartenaires img { margin:2px; border:3px solid #CCC;} #footerPage { width:770px; padding:55px 0 15px 0; color:#767676;} .footerLeft, .footerRight { float:left;} .footerLeft { width:125px;} .footerRight { width:635px; text-align:right; color:#767676; font-size:10px;} #footerPage .footerRight a, #footerPage .footerRight a:hover { color:color:#767676; text-decoration:none;}