/* DEFAULT GLOBAL --------------------------------------------- */ * { margin: 0; padding: 0; } body {background: #eaecdd url(../../img/bg_accueil.gif) repeat-x;} h1 { position: relative; margin:0; height: 266px; width: 465px; } h1 a { display: block; margin:0; width: 465px; height: 266px; text-indent: -5000px; overflow: hidden; background: url(../img/layout/logo.gif) no-repeat; } /* TEXT --------------------------------------------- */ .copy {color:#696c5d;font-family: arial, verdana, helvetica, sans-serif;font-weight:normal;font-size:8.5pt;} .copy a {color:#696c5d;text-decoration:none} .copy a:hover {color:#696c5d;text-decoration:underline} /* LAYOUT --------------------------------------------- */ #container {position:relative; margin:0; width:100%; background:url(../../img/bg-top.jpg) top center no-repeat;} #wrapper {position:relative; margin:0; width:951px; background:#faf9f9; text-align:left;} #top {position:relative; width:938px; background:#faf9f9; display:block; padding-left:7px; padding-right:6px;} #top-left {position:relative; width:465px; background:white; float:left; height:266px; display:block;} #top-right {position:relative; width:467px; background:white; float:right; height:266px; display:block;} #contenu {position:relative; padding-left:7px; margin:0; width:938px; background:#faf9f9; display:block;} #contenu-section {position:relative; padding-left:7px; margin:0; width:938px; background:#faf9f9; display:block; min-height:575px;} #contenu-normal {position:relative; width:900px; float:left; padding-left:26px; padding-top:27px; display:block;} #contenu-normal p{padding-left:3px; padding-top:9px; padding-right:28px; padding-bottom:25px;font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:left;color:#414140;line-height:22px;} #contenu-normal p a{color:#687b1b; text-decoration:none;} #contenu-normal a:hover {text-decoration:underline; color:#687b1b;} #contenu-normal ul {margin-left: 10px; margin-top:-20px; padding-bottom:1px;paddin-top:0px;} #contenu-normal li {margin:5px; list-style:none; padding-left:15px; font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt; color:#414140; background: url(../img/layout/li.gif) 0 7px no-repeat;} #contenu-normal td {font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:left;color:#414140;line-height:22px;padding-left:3px;} #contenu-devis {position:relative; width:900px; float:left; padding-left:26px; padding-top:27px; display:block;} #contenu-devis p{padding-left:3px; padding-top:9px; padding-right:28px; padding-bottom:25px;font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:left;color:#414140;line-height:22px;} #contenu-devis p a{color:#687b1b; text-decoration:none;} #contenu-devis a:hover {text-decoration:underline; color:#687b1b;} #contenu-devis ul {margin-left: 10px; margin-top:-2px; padding-bottom:1px;paddin-top:0px;} #contenu-devis li {margin:5px; list-style:none; padding-left:15px; font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt; color:#414140; background: url(../img/layout/li.gif) 0 7px no-repeat;} #contenu-devis b {font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:bold;font-size:9.5pt; color:#414140;} #contenu-left {position:relative; width:500px; float:left; padding-left:26px; padding-top:27px; display:block;} #contenu-left p{padding-left:3px; padding-top:9px; padding-right:28px; padding-bottom:25px;font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:left;color:#414140;line-height:22px;} #contenu-left p a{color:#687b1b; text-decoration:none;} #contenu-left a:hover {text-decoration:underline; color:#687b1b;} #contenu-left ul {margin-left: 10px; margin-top:10px; padding-bottom:10px;} #contenu-left li {margin:5px; list-style:none; padding-left:15px; font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt; color:#414140; background: url(../img/layout/li.gif) 0 5px no-repeat;} #contenu-projet {position:relative;padding-top:10px; display:block;float:left;} #contenu-projet p{padding-top:9px; padding-right:28px; padding-bottom:25px;font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:left;color:#414140;line-height:22px;} #contenu-projet p a{color:#687b1b; text-decoration:none;} #contenu-projet a:hover {text-decoration:underline; color:#687b1b;} #contenu-right {width:344px; float:right; padding-right:33px; padding-top:27px; display:block; text-align:center;} #contenu-right p{font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:8pt;color:#414140; line-height:18px;} .ImageGalerie {position:relative; display:block; width:177px; height:126px; background:url(../img/layout/bg_image2.gif) no-repeat; float:left;font-weight:normal;font-size:8pt;color:#414140;font-family: Trebuchet ms, verdana, helvetica, sans-serif;} .ImageGalerie a img {padding:4px; border:1px solid #eaecdd; margin-top:5px; margin-left:5px;} .ImageGalerie a:hover img {background:#eaecdd; border:1px solid #787e61; margin-top:5px; margin-left:5px;} /* TITRE --------------------------------------------- */ #t-projet h2 {text-indent:-9999px; display:block; width:164px; height:29px; background:url(../img/t-projet.gif) no-repeat;} #t-plans h2 {text-indent:-9999px; display:block; width:128px; height:29px; background:url(../img/t-plan.gif) no-repeat;} #t-modele h2 {text-indent:-9999px; display:block; width:252px; height:29px; background:url(../img/t-modele.gif) no-repeat;} #t-promoteur h2 {text-indent:-9999px; display:block; width:233px; height:29px; background:url(../img/t-promoteur.gif) no-repeat;} #t-bureau h2 {text-indent:-9999px; display:block; width:288px; height:29px; background:url(../img/t-bureau.gif) no-repeat;} #t-devis h2 {text-indent:-9999px; display:block; width:123px; height:29px; background:url(../img/t-devis.gif) no-repeat;} #t-avendre h2 {text-indent:-9999px; display:block; width:265px; height:29px; background:url(../img/t-avendre.gif) no-repeat;} #t-novoclimat h2 {text-indent:-9999px; display:block; width:233px; height:29px; background:url(../img/t-novoclimat.gif) no-repeat;} /* ACCUEIL 3 COLLONES --------------------------------------------- */ #lien-un {position:relative; width:308px; float:left; background:url(../img/layout/bg_lien-un.jpg) center 149px no-repeat;} #lien-un h2 a{text-indent:-9999px; display:block; width:308px; height:149px; background:url(../img/layout/tl_lien-un.jpg) no-repeat;} #lien-un p{padding-left:12px;padding-top:10px;padding-right:12px;padding-bottom:25px;font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:center;color:#414140;line-height:22px;} #lien-un p a{color:#687b1b; text-decoration:none;} #lien-un a:hover {text-decoration:underline; color:#687b1b;} #lien-deux {position:relative; width:309px; float:left; margin-left:6px; background:url(../img/layout/bg_lien-deux.jpg) center 149px no-repeat;} #lien-deux h2 a{text-indent:-9999px; display:block; width:309px; height:149px; background:url(../img/layout/tl_lien-deux.jpg) no-repeat;} #lien-deux p{padding-left:12px;padding-top:10px;padding-right:12px;padding-bottom:25px;font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:center;color:#414140;line-height:22px;} #lien-deux p a{color:#687b1b; text-decoration:none;} #lien-deux a:hover {text-decoration:underline; color:#687b1b;} #lien-trois {position:relative; width:309px; float:left; margin-left:6px; background:url(../img/layout/bg_lien-trois.jpg) center 149px no-repeat;} #lien-trois h2 a{text-indent:-9999px; display:block; width:309px; height:149px; background:url(../img/layout/tl_lien-trois.jpg) no-repeat;} #lien-trois p{padding-left:12px;padding-top:10px;padding-right:12px;padding-bottom:25px;font-family: Trebuchet ms, verdana, helvetica, sans-serif;font-weight:normal;font-size:9.5pt;text-align:center;color:#414140;line-height:22px;} #lien-trois p a{color:#687b1b; text-decoration:none;} #lien-trois a:hover {text-decoration:underline; color:#687b1b;} /* NAVIGATION --------------------------------------------- */ #nav { height: 49px; margin-left: 7px; list-style: none; } #nav li { float: left; height: 49px; overflow: hidden; /* if text-resize, this'll keep the nav the same size */ } #nav li a { display: block; line-height: 49px; text-indent: -5000px; overflow: hidden; background-position: center top; /* horizontally centers the background image */ } #navAccueil { width: 87px; background: url(../img/nav/accueil.gif) no-repeat; } #navNovoclimat { width: 122px; background: url(../img/nav/novoclimat.gif) no-repeat; } #navProjet { width: 101px; background: url(../img/nav/projet.gif) no-repeat; } #navPlan { width: 78px; background: url(../img/nav/plan.gif) no-repeat; } #navModeles { width: 159px; background: url(../img/nav/modele.gif) no-repeat; } #navPromoteur { width: 141px; background: url(../img/nav/promoteur.gif) no-repeat; } #navBureau{ width: 180px; background: url(../img/nav/bureau.gif) no-repeat; } #navDevis{ width: 70px; background: url(../img/nav/devis.gif) no-repeat; } #nav li a:hover { background-position: 50% -49px; } #nav li a.actif, #nav li a.actif:hover { background-position: 50% -49px; }