/********************************************************************************** * * FRONT-OFFICE * Stylesheet version 1.0.0 * 13.03.2009 * **********************************************************************************/ /********************************************************************************** * * HTML * **********************************************************************************/ html { height:100%; } /********************************************************************************** * * BODY * **********************************************************************************/ body { font-family: arial, sans-serif; padding:0px; margin:0px; font-size:.7em; background-color:#151515; } /********************************************************************************** * * GLOBAL STYLE * **********************************************************************************/ ._G_ERROR_CLASSNAME { background-image:url(../admin/images/interface/dirty.gif); background-repeat:no-repeat; background-position:1px 1px; } .obligatoire { font-weight:bolder; color:#BB1107; } .big { font-weight:bolder; color:#000; } .hidden { visibility:hidden; display:none; } .pointer { cursor:pointer; } .closeImg { position:absolute; margin:-10px 0 0 203px; } span.help { /*margin:0 0 0 10px; padding:5px; line-height:18px; background-image:url(../admin/images/interface/bg_block3.png); background-repeat:repeat;*/ font-size:0.8em; color:red; } .fieldFocused { background-color:#555; } a img { border:0; } .previewImage { margin:10px 2px; width:120px; float:left; text-align:center; font-size:0.8em; } .clear { clear:both; } .left { float:left; border-right:18px solid; } .right { float:right; border-left:18px solid; } .center { display:block; text-align:center; margin:0 auto; } .sep { /*border-bottom:1px solid #A20202;*/ border-bottom:1px outset #f00; } .print { visibility:hidden; display:none; } .unprint { } .show_reference { width:150px; min-height:113px; background:transparent; margin:5px 5px 5px 0; float:left; } .pack { margin-left:75px; } /********************************************************************************** * * PAGE * **********************************************************************************/ #top, #bottom, #main, #footer, #entete, #menubar { margin-left:auto; margin-right:auto; color:#fff; } #main { margin:15px 100px 0 100px; border:1px solid #5F5F5F; border-bottom:0; background:#191919; } /********************************************************************************** * * ADVERTISEMENT * **********************************************************************************/ #pub_droite { position: absolute; right:0; top:235px; width:120px; height:600px; padding:0px; background:#F0F0F0; border :1px solid #666; background:#FFF; color:#555; } /********************************************************************************** * * TOP * **********************************************************************************/ #top { width:970px; height:15px; } /********************************************************************************** * * HEADER * **********************************************************************************/ #entete { height:155px; background:url(../images/bg_entete_1.png) repeat-x ; padding:0 15px 0 10px; } #entete h1 { position:absolute; font-size:100%; font-weight:normal; padding:0px 12px 0px 0px; margin:95px 0 0 27px; color:#6BF132; } #logo { position:absolute; margin:0 0 0 30px; } ul#nav_top { position:absolute; margin:0; width:100px; text-align:right; } ul#nav_top li { display:block; padding:2px; margin:0; border-top:1px solid #5F5F5F; } ul#nav_top li a { display:block; padding:2px 5px 2px 0; text-decoration:none; color:#fff; } ul#nav_top li.active a:hover, ul#nav_top li.active a, ul#nav_top li a:hover { background-color: #6BF132; color:#191919; } ul#nav_top li.last { border-bottom:1px solid #5F5F5F; } ul#nav_top li.first { border-top:0; } ul#nav_top li a#ACCUEIL { background-image:url(../images/house.png); background-repeat:no-repeat; background-position:5px 50%; } ul#nav_top li a#CONTACT { background-image:url(../images/email.png); background-repeat:no-repeat; background-position:5px 50%; } ul#nav_top li a#PARTENAIRES { background-image:url(../images/group.png); background-repeat:no-repeat; background-position:5px 50%; } ul#nav_whereiam { position:absolute; z-index:100; margin:150px 0 0 240px; } ul#nav_whereiam li { display:inline; } ul#nav_whereiam li.last { font-weight:bolder; } blockquote#eli_slogan { position:absolute; z-index:100; margin:35px 0 0 300px; font: italic 2em/1.5em Verdana; width: 300px; background: url(../images/close-quote.png) no-repeat right bottom; padding-left: 18px; text-indent: -18px; } blockquote#eli_slogan:first-letter { background: url(../images/open-quote.png) no-repeat left top; padding-left: 18px; font: italic 1.4em Verdana; } /********************************************************************************** * * NAVIGATION * **********************************************************************************/ #menubar { width:245px; float:left; padding:0 0 0 5px; } ul#menu { margin:0px; } blockquote#eli_contact_devis, blockquote#eli_description { font: italic 1.2em/1.6em Verdana; background: url(../images/close-quote.png) no-repeat right bottom; padding-left: 18px; text-indent: -18px; margin:20px 20px 0 10px; } blockquote#eli_contact_devis:first-letter, blockquote#eli_description:first-letter { background: url(../images/open-quote.png) no-repeat left top; padding-left: 18px; font: italic 1.4em Verdana; } blockquote#eli_contact_devis { width:550px; margin-left:auto; margin-right:auto; margin-bottom:40px; } blockquote#eli_contact_devis a { text-decoration:none; } /********************************************************************************** * * PAGE * **********************************************************************************/ #page_content { padding:15px 0 0 0; } /********************************************************************************** * * CONTENT * **********************************************************************************/ #site_content { font-family:Verdana; font-size:10pt; /*width:694px;*/ min-height:450px; float:right; padding:0px 5px 0px 10px; border-left:1px solid #693; } #site_content p { padding:10px 0; } #content a, #content a:hover { text-decoration:none; } #site_content h1 { border-bottom:1px inset #693; } /********************************************************************************** * * FORMS * **********************************************************************************/ form { padding:0; margin:0; } form input[type='text'], form select { border:1px solid #000; width:315px; height:20px; color:#555; } form input[type='text'] { height:18px; padding:2px 0 0 0; } form input.domaine { width:224px; } form textarea { border:1px solid #000; color:#555; } form input[type='submit'] { background-color:silver; color:#000; } form input[type='button'] { background-color:silver; color:#000; } form div { padding:0 0 0 12px; } form div.formLeft { padding:0; margin:0; float:left; /*background:green;*/ width:50%; } form div.formRight { padding:0; margin:0; float:right; /*background:yellow;*/ width:50%; } form span { } form div + div { margin:10px 0 0 0; } form div.last { text-align:right; } .btnContact { margin:0 18px 0 0; } form label { display:block; font-weight:bolder; text-transform:uppercase; color:#fff; margin:0 0 5px 0; cursor:pointer; } form input.code_captcha { width:100px; } /********************************************************************************** * * Form Fields * **********************************************************************************/ /********************************************************************************** * * LINKS * **********************************************************************************/ /* Default Links */ a { outline:none; color:#6BF132; text-decoration:underline; } a:link { } a:visited { } a:hover { text-decoration:none; } /********************************************************************************** * * TABLES * **********************************************************************************/ table.devis { width:900px; border-collapse:collapse; } table.devis td { } table.devis td { border:1px solid #fff; padding-left:40px; } table.devis td + td { padding-left:5px; } table.devis thead th { } table.devis tbody th { text-align:left; } /********************************************************************************** * * LISTS (UL, OL, ...) * **********************************************************************************/ ul { margin:2px 0px 18px 16px; padding:0px } /********************************************************************************** * * PARAGRAPH * **********************************************************************************/ p { margin:0px; padding:0px 0px 16px 0px; line-height:1.5em; } p.sep { border:0; border-top:1px solid #A20202; } p.links { text-align:right; } p.last { text-align:right; clear:both; } /********************************************************************************** * * HEAD (H1, ..., H5) * **********************************************************************************/ h1, h2, h3, h4 { font-family:tahoma, sans-serif; font-size:110%; letter-spacing:.1em; padding:7px 0px 5px 0px; margin:0px 0px 0px 0px; color:#fff } h2 { border-left:5px solid #fff; padding:0 0 0 10px; margin:15px 0 0 0; }*/ h4 { font-family:arial, sans-serif; font-size:110% } /********************************************************************************** * * BOTTOM * **********************************************************************************/ #bottom { margin:0 100px 15px 100px; padding:0 2px 3px 2px; border:1px solid #5F5F5F; border-top:0; } /********************************************************************************** * * back2top * **********************************************************************************/ #back2top { text-align:right; clear:both; padding:0 5px 5px 0; } #back2top a { text-decoration:none; border-bottom:1px dotted #693; } #back2top a:hover { border-bottom:1px solid #693; } /********************************************************************************** * * MENTIONS * **********************************************************************************/ ul#nav_bottom { padding:0; height:20px; margin:0 0 0 0; text-align:center; } ul#nav_bottom li { float:left; display:block; padding:2px; margin:0; border-top:1px outset silver; } ul#nav_bottom li a { background-color:silver; display:block; padding:2px 5px 2px 0; text-decoration:none; color:#000; } ul#nav_bottom li.active a, ul#nav_bottom li.active a:hover, ul#nav_bottom li a:hover { background-color: #fff; } ul#nav_bottom li.last { } ul#nav_bottom li.first { } /********************************************************************************** * * FOOTER * **********************************************************************************/ #footer { padding:10px 0; height:30px; text-align:center; color:#666; } #footer a { text-decoration:none; border-bottom:1px solid #693/*A70303*/; } #footer a:hover { border-bottom:0; } #footer span { /*color:#000;*/ } /********************************************************************************** * * BLOCKS * **********************************************************************************/ /*#block_2 { position:absolute; width:205px; margin:550px 0 0 0; padding:2px 5px; height:25px; line-height:25px; background-color:#ff9; font-size:0.8em; border:1px solid #fff; color:#fff; }*/ #block_2 { position:absolute; width:205px; margin:160px 0 0 700px; padding:2px 5px; height:25px; line-height:25px; background-color:#90D169; font-size:0.8em; border:1px solid #fff; color:#000; }