@charset "UTF-8"; /*---------------------------------------------------------- Main CSS Main styles for all the website Project: Construction Boréal Author: sisko Summary : Reset styles Layout General layout Commons layout components Main page layout components ----------------------------------------------------------*/ /* ================================ * !Reset styles * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded ) * ================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; /*font-size:100%;*/ margin:0; outline:0; padding:0; vertical-align:baseline; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:1px dotted; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } /* body + csshover3 */ body { behavior: url(/fileadmin/scripts/csshover3.htc); } .clear { clear:both; } /* ================================ * !Layout * ================================*/ /* * !General layout */ body { font-family:Times; background:#84a8bc url(/fileadmin/images/bg_fond.png) repeat-x top scroll; font-size:12px; line-height:normal; } #conteneur{ margin:auto; width:990px; } #conteneur .headerAccueil { background:url(/fileadmin/images/bg_header_01.png) no-repeat center; height:205px; } #conteneur .headerServices { background:url(/fileadmin/images/bg_header_02.png) no-repeat center; height:205px; } #conteneur .headerTerrains { background:url(/fileadmin/images/bg_header_03.png) no-repeat center; height:205px; } #conteneur .headerEntreprise { background:url(/fileadmin/images/bg_header_04.png) no-repeat center; height:205px; } #conteneur .headerRealisation { background:url(/fileadmin/images/bg_header_05.png) no-repeat center; height:205px; } #conteneur .headerLiens { background:url(/fileadmin/images/bg_header_06.png) no-repeat center; height:205px; } #conteneur .headerJoindre { background:url(/fileadmin/images/bg_header_07.png) no-repeat center; height:205px; } #corps{ margin-bottom:15px; } #footer{ text-align:center; background:url(/fileadmin/images/bg_footer.gif) no-repeat center; height:70px; margin-bottom:15px; } /* * !Commons layout components */ img, div { behavior: url(/fileadmin/scripts/iepngfix.htc) } /*h1 {border-bottom: #93a9b5 solid 2px; color:#004a72; font-size:20px; text-transform:uppercase; width:663px;text-indent: 20px; }*/ /* ================================ * !Main page layout components * ================================*/ /* * !header */ #header img{ padding-top:40px; padding-left:45px; } /* * !corps */ #corps #top_contenu { height:27px; background:url(/fileadmin/images/bg_contenu_top.png) top center no-repeat; } #corps #conteneur_center{ background:url(/fileadmin/images/bg_contenu.jpg) 15px top no-repeat;} #corps #menu { background:url(/fileadmin/images/bg_menu.png) left no-repeat; height:305px; float:left; width:190px; } #corps #menu a { color:#84a8bc; text-decoration:none; font-weight:bold; height:28px; display:block; padding:8px 0 0 25px; } #corps #menu a:hover { background:url(/fileadmin/images/bg_menu_hover.jpg) left no-repeat; color:#FFFFFF;} #corps #menu ul { margin:0px 0 0 0; padding:23px 0 0 0; list-style:none; } #corps #menu li { height:36px; margin:0 0 1px 0; padding:0; } #corps #menu li.act a { color:#fff; text-decoration:none; background:url(/fileadmin/images/bg_menu_hover.jpg) left no-repeat; } #corps #contenu {/*border:1px solid #f0f;*/ float:left; width:750px; margin:auto; min-height:500px; height:auto !important; height:500px;} #corps #contenu h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; } #corps #contenu h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; } #corps #contenu h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px;} #corps #contenu h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;} #corps #contenu h5 { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px;} #corps #contenu h6 { font-family:Georgia, "Times New Roman", Times, serif; font-size:8px;} #corps #contenu p { line-height:1.7; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;} #corps #contenu #texte .align-center { text-align: center; } #corps #contenu #texte .csc-sitemap ul li ul li {margin-left:20px;} #corps #contenu #texte #plan1 a{text-decoration: none;font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#004A72; font-weight:bold;} #corps #contenu #texte #plan1 a:link{ color: #004A72;} #corps #contenu #texte #plan1 a:visited { color: #004A72;} #corps #contenu #texte #plan1 li {text-indent: 20px;} #corps #contenu #texte #plan2 a {padding-left:20px;display :list-item;list-style-position: outside;list-style-type: disc;text-decoration: none; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px;} #corps #contenu #texte #plan2 a:link{ color: #000000; } #corps #contenu #texte #plan2 a:visited { color: #000000 ;} #corps #contenu #texte{ padding-left:20px;} #contenu #contenuTop { width:797px !important;width:790px; float:left; background:url(/fileadmin/images/bg_top_contenu.png) right no-repeat; height:60px; margin-left:3px !important; margin-left:2px; } #contenu p {font-style: normal;} #contenu #pagetitre h1{font:times; border-bottom: #93a9b5 solid 2px; color:#004a72; font-size:20px; text-transform:uppercase; width:663px;} #contenu #wrapper { background:url(/fileadmin/images/bg_content.png) top right repeat-y; min-height:60px; margin:0; margin-left:3px !important; margin-left:2px; color:#FFFFFF; font-size:1.2em; float:left; width:797px !important;width:790px; /*text-align: center;*/ } #contenu #wrapper dl.csc-textpic-image dt{ padding-left:45px; } #contenu #wrapper .bodytext{ line-height:normal;padding-left: 100px; /*text-indent: 20px;*/ margin-right: 20px; font-size: 20px; } #contenu #contenuBas { background:url(/fileadmin/images/bg_bas_contenu.png) right no-repeat; height:63px; float:left;width:797px;width:790px !important;margin-left:10px !important; margin-left:2px; } #contenu #imageacc { text-align: right; margin-right:10px; } #contenu #externalthumbs { margin-top:15px; } #contenu #externalthumbs .label { display:none; } #contenu .carouselInner { width:775px; } #contenu #externalthumbs .carouselInner .thumbnail { float:left; padding-bottom:10px;} .rgsg-btn{visibility:hidden;} #contenu #menuContainer .sousmenu{ float: left; list-style:none; height:33px; } #contenu #menuContainer { list-style:none; height:33px; } #contenu #menuContainer li{ float:left; height:33px; margin:0 2px 0 0; } #contenu #menuContainer li span.gauche{ float:left; display:block; height:33px; width:6px; background:url(/fileadmin/images/bg_gauche.png) no-repeat left; } #contenu #menuContainer li span.droite{ float:left; display:block; height:33px; width:6px; background:url(/fileadmin/images/bg_droite.png) no-repeat right; } #contenu #menuContainer li a{ display:block; float:left;height:33px; padding:0px 10px 0 10px; font-family:"Times"; font-size: 12px; font-weight:bold; line-height:2.7; text-decoration:none; text-transform:uppercase; color:#fff; background:url(/fileadmin/images/bg_center.png) repeat-x center; } #contenu #menuContainer li:hover a{ color:#fff; text-decoration:none; background:url(/fileadmin/images/bg_center_hover.png) repeat-x center; } #contenu #menuContainer li:hover span.gauche{ background:url(/fileadmin/images/bg_gauche_hover.png) no-repeat left; } #contenu #menuContainer li:hover span.droite{background:url(/fileadmin/images/bg_droite_hover.png) no-repeat right; } #contenu #menuContainer li.act a{ color:#fff; text-decoration:none; background:url(/fileadmin/images/bg_center_hover.png) left repeat-x; } #contenu #menuContainer li.act span.gauche { color:#fff; text-decoration:none; background:url(/fileadmin/images/bg_gauche_hover.png) left no-repeat; } #contenu #menuContainer li.act span.droite { color:#fff; text-decoration:none; background:url(/fileadmin/images/bg_droite_hover.png) left no-repeat; } #contenu .tx-rgsmoothgallery-pi1 { padding-top : 20px; background:none; clear: both;} #contenu .rgsgnest70 { padding-top: 20px; clear:both;} #contenu .tx-gooffotoboek-pi1 { float:left; } /* #contenu h3 { text-align: center; }*/ #contenu #googlemap {padding-left: 164px; padding-top:15px} #corps #ftp { padding:0; height:53px; background:url(/fileadmin/images/bg_ftp.png) center bottom no-repeat; } #corps #ftp .link{ margin:0; padding:15px; padding-left:65px; } #corps #ftp a { padding-left: 65px; padding: 15px; color:#000000; text-decoration:none; font-weight:bold;font-size: 18px; float: left; } /* * !footer */ #footer ul { list-style:none; padding-top:12px; margin:0; } #footer li { padding-left:5px;padding-right:5px;margin:0;display:inline; } #footer p { margin:0;} #footer a { color:#000000;text-decoration:none; } #footer a:hover { text-decoration:underline; }