/* RESET */ body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0;} ul{list-style-type:none;} body { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#fff; background:#000;} a { border:none; text-decoration:none; color:#ffdfa9; outline:none;} /* STRETCH */ #headerW { width:100%;height:324px; background:url(../images/bckgrd-header.jpg) center top repeat-x;} #contentHomeW { width:100%; background:url(../images/bckgrd-home-content.jpg) center top repeat-x #000;} #contentPageW { width:100%; background:url(../images/bckgrd-page.jpg) center top repeat-x #000;} #footerW { width:100%; background:url(../images/bckgrd-footer.jpg) left top repeat-x #000; padding:3px 0 3px 0; height:88px;} /* HEADER */ #header { width:980px; z-index:50; position:absolute; left: 50%; margin-left: -490px; display:block; z-index:200} #headerLeft { float:left; width:320px;} .logo { background:url(../images/logo.png) left top no-repeat; display:block; text-indent:-20000px; width:320px; height:128px;} .slogan { width:320px; height:94px; background:url(../images/slogan.png) left top no-repeat; display:block; text-indent:-20000px;} #headerRight { float:left; width:660px; padding:43px 0 0 0;} #animation { width:630px; height:172px; clear:both; padding:34px 0 0 0;} #headerIcone { padding:0 0 0 14px;} /* HOME */ #contentHome { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; padding:32px 0 0 0;} #homeBienvenue { float:left; width:467px; padding:0 26px 0 28px;} #homeBienvenue p { padding:0 10px 0 10px; line-height:20px;} #homeRealisez { float:left; width:247px;} #homeDecouvrez { float:left; width:212px;} #bannerPartenaires { background:url(../images/banner-partenaires.png) left top no-repeat; width:212px; height:155px;} #animationPartenaire { padding:27px 0 0 71px;} #bannerContact{ background:url(../images/banner-contact.png) left top no-repeat; width:212px; height:155px;} /* PAGE */ #contentPage { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block;} #pageLeft { float:left; width:647px; padding:0 28px 0 44px;} #pageLeft p { padding:0 0 15px 0; line-height:16px;} #pageRight { float:left; width:261px;} /* TITRE */ .titreHomeBienvenue {background:url(../images/titre-home-bienvenue.png) right top no-repeat; display:block; text-indent:-20000px; width:467px; height:66px;} .titreHomeRealisez {background:url(../images/titre-home-realisez.png) right top no-repeat; display:block; text-indent:-20000px; width:247px; height:66px;} .titreHomeDecouvrez {background:url(../images/titre-home-decouvrez.png) right top no-repeat; display:block; text-indent:-20000px; width:212px; height:66px;} .titreHomeContact {background:url(../images/titre-home-contact.png) right top no-repeat; display:block; text-indent:-20000px; width:212px; height:66px;} .bannerRealisez {background:url(../images/banner-economie.png) right top no-repeat; display:block; text-indent:-20000px; width:247px; height:155px;} .titrePresentation { background:url(../images/titre-presentation.png) right top no-repeat; display:block; text-indent:-20000px; width:647px; height:98px; } .titreDomotique { background:url(../images/titre-domotique.png) right top no-repeat; display:block; text-indent:-20000px; width:647px; height:98px; } .titreApplications { background:url(../images/titre-applications.png) right top no-repeat; display:block; text-indent:-20000px; width:647px; height:98px; } .titreImmotique { background:url(../images/titre-immotique.png) right top no-repeat; display:block; text-indent:-20000px; width:647px; height:98px; } .titrePartenaires { background:url(../images/titre-partenaires.png) right top no-repeat; display:block; text-indent:-20000px; width:647px; height:98px; } .titreCoordonnees { background:url(../images/titre-coordonnees.png) right top no-repeat; display:block; text-indent:-20000px; width:647px; height:98px; } .titreRealisations { background:url(../images/titre-realisations.png) right top no-repeat; display:block; text-indent:-20000px; width:647px; height:98px; } .rightRealisez { background:url(../images/right-realisez.png) right top no-repeat; display:block; text-indent:-20000px; width:261px; height:95px;} .rightBanner { background:url(../images/right-economie.png) right top no-repeat; display:block; text-indent:-20000px; width:261px; height:158px;} .rightContact { background:url(../images/right-contact.png) right top no-repeat; display:block; text-indent:-20000px; width:261px; height:133px;} /* MENU */ #menu {} ul#topnav { margin: 0; padding:0; float:lefts; width: 100%; list-style: none;} ul#topnav li { float: left; margin: 0; padding: 0; position: relative} ul#topnav li a { float: left; text-indent: -9999px; height:26px; outline:none;} ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; outline:none; } #menu #topnav .accueil {width:62px; background:url(../images/menu-accueil.png);} #menu #topnav .accueil:hover, #menu #topnav .accueil_active {width:62px; background:url(../images/menu-accueil-h.png);} #menu #topnav .presentation {width:97px; background:url(../images/menu-presentation.png);} #menu #topnav .presentation:hover, #menu #topnav .presentation_active {width:97px; background:url(../images/menu-presentation-h.png);} #menu #topnav .domotique {width:106px; background:url(../images/menu-domotique.png);} #menu #topnav .domotique:hover, #menu #topnav .domotique_active {width:106px; background:url(../images/menu-domotique-h.png);} #menu #topnav .applications {width:96px; background:url(../images/menu-applications.png);} #menu #topnav .applications:hover, #menu #topnav .applications_active {width:96px; background:url(../images/menu-applications-h.png);} #menu #topnav .immotique {width:91px; background:url(../images/menu-immotique.png);} #menu #topnav .immotique:hover, #menu #topnav .immotique_active {width:91px; background:url(../images/menu-immotique-h.png);} #menu #topnav .partenaires {width:92px; background:url(../images/menu-partenaires.png);} #menu #topnav .partenaires:hover, #menu #topnav .partenaires_active {width:92px; background:url(../images/menu-partenaires-h.png);} #menu #topnav .realisations {width:92px; background:url(../images/menu-realisations.png);} #menu #topnav .realisations:hover, #menu #topnav .realisations_active {width:92px; background:url(../images/menu-realisations-h.png);} #menu #topnav .coordonnees {width:116px; background:url(../images/menu-coordonnees.png);} #menu #topnav .coordonnees:hover, #menu #topnav .coordonnees_active {width:116px; background:url(../images/menu-coordonnees-h.png);} #menu ul#topnav li .sub { position: absolute; top: 26px; left: 0; background: #000; padding:10px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; } ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;} ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; width: 200px; float: left} ul#topnav .sub ul li { width: 100%; color: #fff;} ul#topnav .sub ul li h2 { font-size: 14px; font-weight: normal} ul#topnav .sub ul li h2 a { background-image: none;} ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; padding: 7px 5px 7px 15px; display: block; text-decoration: none; color: #fff; } ul#topnav .sub ul li a:hover {color: #3793df; background-position: 5px 12px ;} /* FOOTER */ #footer { clear:both; width:980px; color:#fff; font-size:10px; line-height:16px; position:relative; left: 50%; margin-left: -490px; display:block; text-align:right;} #footer span { font-weight:bold;} #footer .tow a, #footer .tow a:hover { color:#3793df; text-decoration:none;} #footer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#3793df;} #footer a, #footer a:hover { color:#fff; text-decoration:none;} /* CLASS */ .clear { clear:both;} .left { float:left;} .right { float:right;} .lireSuite { width:219px; height:28px; background:url(../images/lire-la-suite.png) right top no-repeat; display:block; text-indent:-20000px; outline:none;} .aFleche { text-decoration:none; color:#fff; background:url(../images/afleche.png) right 5px no-repeat; padding:0 10px 0 0; color:#3793df;} .ulList { line-height:22px;} .ulList li { padding:2px 0 2px 25px; background:url(../images/li-bullet.png) left 8px no-repeat;line-height:20px;} .borderImage { border:3px solid #CCC;} .imageFancy img { border:3px solid #CCC; margin:2px;} .sousTitre { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#fff; padding:0 0 10px 0;} /* ICONE */ .iconePhone { width:170px; background:url(../images/icone-tel.png) left no-repeat; padding:0 0 0 35px; height:24px; line-height:24px; margin:5px 0 5px 0;} .iconeGsm { width:170px; background:url(../images/icone-gsm.png) left no-repeat; padding:0 0 0 35px; height:26px; line-height:26px; margin:0 0 5px 0;} .iconeMail { width:170px; background:url(../images/icone-mail.png) left no-repeat; padding:0 0 0 35px; height:26px; line-height:26px; margin:0 0 5px 0;} /*Mail alert page*/ .formError{background-color:#ffdfdf; color:#000000;} .formErrorHeader{background-color:#ffbfbf; color:#af4c4c; padding:5px 5px 5px 10px;} .formErrorHeaderOk{background-color:#bfffc5; color:#71bc4c; 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:255px; background:#fff; border:1px solid #6d4a26;} .formInputCourt { font-size:11px; width:85px; background:#fff; border:1px solid #6d4a26;} .formInputText { font-size:11px; width:255px; background:#fff; border:1px solid #6d4a26; 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:580px; } .contactRight label { float:left; width:120px;} .contactFormHeight { height:5px; overflow:hidden; border-bottom:1px dotted #ffdfa9; margin:8px 0 8px 0;} .contactFormEnd { height:5px; overflow:hidden; border-bottom:1px dotted #ffdfa9; margin:8px 0 8px 0;} .formLeft { float:left; width:250px;} .espaceLeftCoordonnees1 { float:left; width:400px; border-right:1px dotted #ffdfa9; line-height:20px;} .espaceLeftCoordonnees2 { float:left; width:200px; padding:0 0 0 20px; line-height:20px;} .contactIconePhone { background:url(../images/icone-coordonnees-phone.png) left top no-repeat; padding:0 0 0 35px;} .contactIconeGsm { background:url(../images/icone-coordonnees-gsm.png) left top no-repeat; padding:0 0 0 35px;} .contactIconeMail { background:url(../images/icone-coordonnees-mail.png) left top no-repeat; padding:0 0 0 35px;} .contactIconeFax { background:url(../images/icone-coordonnees-fax.png) left top no-repeat; padding:0 0 0 35px;} /*End of Mail alert page*/