/*===================================================== // Version : 1.0 // Project : Royal Acry // Madeby : Delaplace Design //=====================================================*/ /* ----- HTML TAG RESET & CLEARFIX ----- */ body,div,dl,dt,dd,ul,ol,li,h1, h2,h3,h4,h4,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; vertical-align: bottom; } a,h1 { overflow: hidden; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h4,h6 { font-size: 100%; font-weight: normal; overflow: hidden; } q:before,q:after { content: ''; } abbr,acronym { border: 0;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear { clear: both } html,body { height: 100%; } a { outline: none } /* ---------- CONTENT HOLDERS */ body { font-family: tahoma, geneva, sans-serif; font-size: 14px; color: #000; background: #acccd9; } #container { width: 995px; height: 100%; min-height: 100%; height: auto; margin: 0 auto; position: relative; } #splash { background: #acccd9 url(../images/splash/bg.jpg) no-repeat center top; } #site { background: #acccd9 url(../images/bg.jpg) no-repeat center top; } #top { width: 995px; height: 100px; } #top h1 { float: left; text-indent: -9999px; background: transparent url(../images/logo-site.png) no-repeat; width: 109px; height: 63px; margin: 25px 0 0 20px; } #top #login-area { margin: 35px 20px 0 0; } #login-area { float: right; position: relative; width: 200px; } #login-area div { margin: 0 0 5px 0; } #login-area #username, #login-area #password { width: 140px; height: 15px; padding: 4px; border: 0; color: #949494; font-size: 12px; } #login { position: absolute; top: 30px; right: 0; background: transparent url(../images/splash/login-btn.png) no-repeat; width: 42px; height: 19px; border: 0; text-indent: -9999px; cursor: pointer; } #login-area ul { margin: 10px 0 0 0; } #login-area ul li { float: left; } #login-area ul li a { text-transform: uppercase; color: #0d77ee; text-decoration: none; } #menu { background: transparent url(../images/menu-bg.png) no-repeat; width: 995px; height: 51px; position: relative; color: #fff; } #menu li a { color: #fff;font-size: 14px; text-transform: uppercase; text-decoration: none } #menu li a:hover, .active { color: #033f84 !important; } #nav { margin: 0 0 0 20px; } #nav li { float: left; margin: 15px 20px 0 0; } #subnav { position: absolute; right: 20px; top: 15px; } #subnav li { float: left; } #subnav li span { padding: 0 10px; } #header img { display: block; margin: 0 auto; } /* --------forgot ---*/ #forgot { width: 600px; position: absolute; top: 200px; left: 50%; margin-left: -300px; text-align: center } #forgot a { color:#47a3c9; text-decoration:none;} #forgot a:hover { color:#1B3450; text-decoration:underline;} #forgot-submit { background: #47a3c9; color: #fff; text-align: center; border: 0; font-size: 12px; width: 80px; height: 30px; margin: 3px 0 0 217px; cursor: pointer; } #forgot-submit:hover { background: #1b3450; } /*-------------main ----------- */ .white1col #main-top { background: transparent url(../images/white-top-2.png) no-repeat top left; width: 995px; height: 5px; } .white1col #main { background: #fff url(../images/white-foot.png) repeat-x bottom left; padding: 10px 20px 215px 20px; position: relative; } .white2col #main-top { background: transparent url(../images/white-top.png) no-repeat top left; width: 995px; height: 13px; } .white2col #main { background: #fff url(../images/white-foot.png) repeat-x bottom left; padding: 10px 20px 215px 20px; position: relative; } .white2col #text { float: left; width: 640px; text-align: justify; padding-bottom: 10px; } .white2col #text p { margin: 0 0 10px 0; line-height: 18px; } .white2col #featured { float: right; background: transparent url(../images/sep.png) no-repeat top left; height: 215px; padding: 10px 15px 0 20px; } /*****************************************/ .white3col #main-top { background: transparent url(../images/white-top-2.png) no-repeat top left; width: 995px; height: 5px; } .white3col #main { background: #fff url(../images/white-foot.png) repeat-x bottom left; padding: 10px 0 215px 0; position: relative; } .white3col .col1, .white3col .col2, /*.white3col .col3 { width: 305px; float: left; background: transparent url(../images/sep-2.png) no-repeat 302px 80px; height: 600px; } */ .white3col .col3 { width: 305px; float: left; height: 600px; } .white3col .col3.last { background: none; } .error { color:black; padding:20px 0; } /*****************************************/ #foot-boxes { position: absolute; bottom: 20px; left: 60px; } #foot-boxes li { float: left; padding: 0 20px 0 0; } .h2_img { padding: 0 0 20px 0; } /* ----- a propos #apropos #main h2 { text-indent: -9999px; background: transparent url(../images/h-apropos.png) no-repeat; width: 127px; height: 68px; margin: 0 0 10px 0; } #apropos #header { margin: 15px 0 0 335px; height:325px; position:relative; width:925px;} #apropos #main-top { margin-top:-10px;} */ /*------------Caroussel-- #buttonwrapper { width: 1000px; height: 50px; position: relative; top:0; margin-left:-337px; } #left { background: url(../images/left.gif) bottom left no-repeat; width: 39px; height: 50px; float: left; } #right { background: url(../images/right.gif) bottom left no-repeat; width: 39px; height: 50px; float: right; } #left:hover, #right:hover { cursor: pointer; background-position: top left; } #holder_images { display:none; } #carousel img { border: 2px solid #ddd;} #carousel img.link:hover { border: 4px solid #fff; } -------*/ /* ----- technologies */ #technologies #main h2 { text-indent: -9999px; background: transparent url(../images/h-technologies.png) no-repeat; width: 166px; height: 77px; margin: 0 0 10px 0; } #technologies #header, #garanties #header, #apropos #header { margin: 10px 0 10px 0; } #garanties #main h2 { text-indent: -9999px; background: transparent url(../images/h-garanties.png) no-repeat; width: 166px; height: 77px; margin: 0 0 10px 0; } /* ----- tinymce */ .tinymce ul { margin-left:25px; list-style-type:disc; } .tinymce ul li ul { list-style-type:circle; } .tinymce p { padding-bottom:10px;} /* ----- produits */ #produits { margin: 10px 0 0 0; } #rounded-top { background: transparent url(../images/rounded-top.png) no-repeat top left; width: 742px; height: 9px; } #rounded-content { background: #fff; width: 742px; padding: 10px 0px;} #rounded-content p { padding: 0 20px;} #rounded { background: transparent url(../images/rounded-bot.png) no-repeat bottom left; width: 702px; padding: 0 20px 10px 20px; position: relative; line-height: 16px } #products-list { width: 995px; padding-bottom: 5px; position: relative } .product { width: 995px; height: 250px; position: relative; border-bottom: 1px solid #bfdbe8; margin: 20px 0 0 0; } .product .product-img { float: left; display: block; border: 1px solid #fff; width: 365px; height: 227px; } .product .specs { float: left; margin: 0 0 0 10px; font-size: 14px; } .product .specs li { padding: 0 0 15px 10px; color: #fff; } .product.first li { color: #8c9095 !important; } .product .specs strong { display: block; color: #1b3450; } .product .specs strong a { color: #1b3450 !important; } .product .specs a { text-decoration: none; color: #1b3450; } .product .specs img { margin: 0 5px; } .product .specs p { color: #1b3450; font-weight:bold;} .product .note { position: absolute; top: 0; right: 0; background: transparent url(../images/note-bg.png) no-repeat; width: 196px; height: 169px; padding: 60px 20px 0 20px; font-size: 11px; color: #697077; } /* ----- produit */ #highlight { width: 995px; height: 260px; position: relative; margin: 20px 0 0 0; } #highlight #plus { position: absolute; bottom:45px; left:320px; } #highlight .blue-link { font-size: 12px; color: #0d77ee !important; } #highlight .product-img { float: left; display: block; border: 1px solid #fff; height:227px; width:365px; } #highlight .specs { float: left; margin: 0 0 0 10px; font-size: 14px; } #highlight .specs li { padding: 0 0 15px 10px; color: #8c9095; } #highlight .specs strong { display: block; color: #1b3450; } #highlight .specs strong a { color: #1b3450 !important; } #highlight .specs p { color: #1b3450 !important; font-weight:bold;} #highlight .specs a { text-decoration: none; color: #1b3450; } #highlight .specs img { margin: 0 5px; } #highlight .note { position: absolute; top: 0; right: 0; background: transparent url(../images/note-bg.png) no-repeat; width: 196px; height: 169px; padding: 60px 20px 0 20px; font-size: 11px; color: #697077; } /*****************************************/ /* ----- contact */ #contact #header { margin: 10px 0; position: relative; } #contact #top-over { position: absolute; top: 0; left: 0; z-index:1000; } #contact #bot-over { position: absolute; bottom: 0; left: 0; z-index:1000; } #contact .col1 { margin: 0 0 0 40px; } #contact .col1 div { margin: 30px 0 0 0; width: 230px; } #contact .col3 div { margin: 30px 0 0 60px; width: 230px; } /*#contact .col1 h2 { text-indent: -9999px; background: transparent url(../images/h-adresse.png) no-repeat; width: 304px; height: 58px; } #contact .col2 h2 { text-indent: -9999px; background: transparent url(../images/h-formulaire.png) no-repeat; width: 333px; height: 58px; } */#contact form { margin: 30px 0 0 15px; } #contact form label { display: block; color: #1b3450; margin: 0 0 4px 0; } #contact form div { margin: 0 0 20px 0; } #nom, #email, #telephone { background: #dbe8ee; border: 0; width: 252px; height: 16px; padding: 5px; font-family: tahoma; font-size: 12px } #contact form textarea { background: #dbe8ee; border: 0; width: 252px; height: 142px; padding: 5px; font-family: tahoma; font-size: 12px; } #contact-submit { background: #47a3c9; color: #fff; text-align: center; border: 0; font-size: 12px; width: 80px; height: 30px; margin: 0 0 0 180px; cursor: pointer; } #contact-submit:hover { background: #1b3450; } /*#contact .col3 h2 { text-indent: -9999px; background: transparent url(../images/h-courriels.png) no-repeat; width: 328px; height: 58px; }*/ #contact .overlay-content { width: 994px ; height: 325px;} /*****************************************/ .plan { display: block; margin: 20px auto 40px auto; } /* ---------- SPLASH */ #splash #top { width: 995px; height: 150px; margin: 25px 0 0 0;; } #splash h1 { float: left; text-indent: -9999px; background: transparent url(../images/splash/logo-splash.png) no-repeat; width: 202px; height: 118px; margin: 20px 0 0 0; } #splash #boxes { clear: both; background: transparent url(../images/splash/splash-boxes.png) no-repeat; width: 378px; height: 376px; margin: 0 auto; } #splash #boxes div { float: left; width: 185px; height: 165px; margin-top: 20px; } #splash #boxes div h2 { text-indent: -9999px; margin: 0 auto 10px auto; } #splash h2 { width: 169px; height: 17px; margin-bottom: 28px !important; } #splash #apropos, #splash #technologies { margin-left: 8px; } #splash #apropos h2, #splash #technologies h2 { margin-top: 20px; } #splash #boxes div img { display: block; margin: 0 auto; } #splash #boxes div a { display: block; outline: none; } /* ---------- FOOTER */ #footer { clear: both; border-top: 1px solid #a0c3d6; width: 995px; height: 20px; text-align: center; padding: 10px 0 0 0; margin: 10px 0 0 0; color: #1b3450; } #footer-splash { clear: both; border-top: 1px solid #a0c3d6; width: 995px; height: 20px; text-align: center; padding: 10px 0 0 0; margin: 350px 0 0 0; color: #1b3450; } #footer-splash a, #footer a { color: #1b3450; text-decoration:none; } #footer-splash a:hover, #footer a:hover { color: #fff; text-decoration:underline; }