/* ======================================================================== * Reset CSS * ========================================================================*/ @import "reset.css"; /* ======================================================================== * Balises par dfaut * ========================================================================*/ html { font-family: Verdana, arial, Helvetica, Lucida, Tahoma, "Trebuchet MS", Geneva, sans-serif; font-size: 11px } body { padding: 0px 0 0 0; background: #e1e0dc url(../images/bgd_body.png) center top repeat-y; } h1 { } h1 a { display: block; height:55px; left:99px; position:absolute; top:30px; width: 224px; text-indent:-999em; } h2 { margin: 0px 0 10px 77px; padding: 31px 0 0 0; } h3 { margin: 30px 0 20px 0; font: bold 17px verdana; color: #289e9e } h4 { margin: 15px 0 12px 0; font: bold 16px verdana; color: #4b3e2d } h5 { margin: 15px 0 10px 0; font: bold 11px verdana; color: #1e6e75 } h6 { } ul { margin: 15px 0 10px 0px; } ul li { margin: 10px 0 6px 24px ; font: normal 12px/16px verdana; } p { margin: 0 0 10px 0px; color : #7B6558 } a { color: #C1C1C1 } a:hover { color: #C1C1C1; text-decoration: none; } /* ======================================================================== * Disposition * ========================================================================*/ /* ----------------------------------------- * Mise en page gnrale * ------------------------------------------*/ #main { width: 973px; position:relative; top: 0px; left: 0px; margin: 0 auto; } #header { width: 973px; height: 120px; background: url(../images/bgd_header.png) left top no-repeat; position:relative; } #nav { position: absolute; top: 17px; left: 310px; } #nav li { float: left; margin: 0; padding: 0; } #nav li a { display: block; text-indent: -5000px; overflow: hidden; } #nav li a.home { width: 73px; height: 29px; background: url(../images/btn_home.png) left top no-repeat; } #nav li a.home:hover { width: 73px; height: 29px; background: url(../images/btn_home2.png) left top no-repeat; } #nav li a.equi { width: 77px; height: 29px; background: url(../images/btn_equi.png) left top no-repeat; } #nav li a.equi:hover { width: 77px; height: 29px; background: url(../images/btn_equi2.png) left top no-repeat; } #nav li a.comp { width: 132px; height: 29px; background: url(../images/btn_comp.png) left top no-repeat; } #nav li a.comp:hover { width: 132px; height: 29px; background: url(../images/btn_comp2.png) left top no-repeat; } #nav li a.clien { width: 88px; height: 29px; background: url(../images/btn_clien.png) left top no-repeat; } #nav li a.clien:hover { width: 88px; height: 29px; background: url(../images/btn_clien2.png) left top no-repeat; } #nav li a.horires { width: 104px; height: 29px; background: url(../images/btn_horires.png) left top no-repeat; } #nav li a.horires:hover { width: 104px; height: 29px; background: url(../images/btn_horires2.png) left top no-repeat; } #nav li a.pub { width: 109px; height: 29px; background: url(../images/btn_pub.png) left top no-repeat; } #nav li a.pub:hover { width: 109px; height: 29px; background: url(../images/btn_pub2.png) left top no-repeat; } #nav li a.contact { width: 74px; height: 29px; background: url(../images/btn_contact.png) left top no-repeat; } #nav li a.contact:hover { width: 74px; height: 29px; background: url(../images/btn_contact2.png) left top no-repeat; } #nav_comp { position: absolute; top: 60px; left: 370px; margin:0; padding:13px 0 0 0; height:33px; } #nav_comp li { float: left; margin: 0; padding: 0; } #nav_comp li a { display: block; text-indent: -5000px; overflow: hidden; } #nav_comp li a.qual { width: 121px; height: 26px; background: url(../images/bgd_nav_comp.png) left top no-repeat; } #nav_comp li a.qual:hover { background-position:left bottom; } #nav_comp li a.cons { width: 77px; height: 26px; background: url(../images/bgd_nav_comp.png) -121px top no-repeat; } #nav_comp li a.cons:hover { background-position:-121px bottom; } #nav_comp li a.nego { width: 114px; height: 26px; background: url(../images/bgd_nav_comp.png) -198px top no-repeat; } #nav_comp li a.nego:hover { background-position:-198px bottom; } #nav_comp li a.montage { width: 92px; height: 26px; background: url(../images/bgd_nav_comp.png) -312px top no-repeat; } #nav_comp li a.montage:hover { background-position:-312px bottom; } #nav_comp li a.contieux { width: 111px; height: 26px; background: url(../images/bgd_nav_comp.png) -404px top no-repeat; } #nav_comp li a.contieux:hover { background-position:-404px bottom; } #nav_comp li a.forma { width: 82px; height: 26px; background: url(../images/bgd_nav_comp.png) -515px top no-repeat; } #nav_comp li a.forma:hover { background-position:-515px bottom; } #nav_equi { position: absolute; top: 60px; left: 320px; margin:0; padding:13px 0 0 0; height:33px; } #nav_equi li { float: left; margin: 0 0px 0 0; padding: 0; text-indent: -5000px; } #nav_equi li a { display: block; } #nav_equi li a.ch { width: 90px; height: 24px; background: url(../images/btn_ch.png) left top no-repeat; } #nav_equi li a.ch:hover { width: 90px; height: 24px; background: url(../images/btn_ch2.png) left top no-repeat; } #nav_equi li a.ca { width: 141px; height: 24px; background: url(../images/btn_ca.png) right top no-repeat; } #nav_equi li a.ca:hover { width: 141px; height: 24px; background: url(../images/btn_ca2.png) right top no-repeat; } #nav_equi li a.vi { width: 161px; height: 24px; background: url(../images/btn_vi.png) left top no-repeat; } #nav_equi li a.vi:hover { width: 161px; height: 24px; background: url(../images/btn_vi2.png) left top no-repeat; } #nav_equi li a.se { width: 140px; height: 24px; background: url(../images/btn_se.png) left top no-repeat; } #nav_equi li a.se:hover { width: 140px; height: 24px; background: url(../images/btn_se2.png) left top no-repeat; } #nav_equi li a.co { width: 117px; height: 24px; background: url(../images/btn_co.png) left top no-repeat; } #nav_equi li a.co:hover { width: 117px; height: 24px; background: url(../images/btn_co2.png) left top no-repeat; } #bgd_visuelCentral { width: 973px; height: 295px; background: url(../images/bgd_visuelCentral.jpg) left top no-repeat; } #bgd_visuelCentral p { padding: 0 0 0 420px } #main { background: url(../images/bgd_container.png) left top repeat-y; margin: 0 auto 35px auto } #container { background: url(../images/bgd_container.png) left top repeat-y; margin: 0 0 0px 0px; padding: 0 0 0 0; overflow: hidden; } #content p { font: normal 11px/18px verdana; } #bgd_foota { width: 973px; overflow:hidden; margin: 15px 0 0 0px; background: url(../images/bgd_foota2.png) -1px top no-repeat; } #bgd_foota p { float: right; padding: 24px 37px 0 2px; font: normal 12px/16px arial; color: #f8f8f2 } #bgd_foota p a { color: #f8f8f2 ; text-decoration: none; } #footer { padding: 0; margin: 0 0 0 0px; } #footer p { padding: 10px 0 0 14px; font: normal 11px arial; color: #9d9b8f; text-align: center; background: url(../images/bgd_footer_p.png) left 13px no-repeat; position:relative; top: 11px; left: 0px; } #footer p a{ color: #9d9b8f; text-decoration: none; } /* ----------------------------------------- * Elments rcurrents * ------------------------------------------*/ p.notice { font: italic bold 12px arial; color: #299F9F; text-align: center; } #content .format p { font-size:12px;} .cont {padding:20px 15px; background:#FFFFFF; overflow:hidden; width:853px; margin:0 0 20px;} .cont .illus {width:250px; float:left;} .cont .text {width:588px; float:right;} .cont .text h3 {margin:0; font-weight:normal;} .cont .text h4 {font-size:12px;} .cont .text .puced {font:11px/18px verdana; color:#7B6558; overflow:hidden; margin:0 0 10px;} .cont .two-columns li {margin-left:5px;} .cont .two-columns h3 {font-size:14px;} .cont dl {font-size:12px; color:#7B6558; margin:20px 0 0;} .cont dt {font-weight:bold; float:left; width:6%;} .cont dd {margin:0 0 10px; float:left; width:94%;} /* ----------------------------------------- * Les pages internes * ------------------------------------------*/ /* home.php */ #breadcrumb { margin: 11px 0 20px 55px; color: #c1c1c1 } #equipe #breadcrumb li { background: none; margin:10px 0 6px -18px; padding:0 0 0 0; } #breadcrumb a { font: normal 11px verdana; color: #c1c1c1; text-decoration: none; } #breadcrumb a:hover { text-decoration: underline } .b1 { float: left; width: 360px; padding: 0 39px 0 70px; } .b1 h3 { font: bold 12px verdana; color: #299f9f } .b1 p { font: normal 12px/16px verdana; color: #7b6558 } .b1 p.lire { text-align :right; } .b1 a { text-decoration: none; } /* contact.php */ .formatform { width: 530px; margin: 0 auto; padding: 15px 20px; background-color: #f8f8f4; border: 1px solid #e1e0dc } h3 span { background: url(../images/bgd_h3.png) right bottom no-repeat; padding:0 0 5px; } .formatform p { margin:0 0 5px;} .formatform p span.note { font: normal 10px arial; color: #979697; } .formatform p span.note.posrLeft { position:relative; top: 0px; left: 142px; } .formatform label { display:block; float:left; width:130px; padding:0 10px 0 0; color: #b2c27d; font: bold 11px arial } .formatform label span { font-style:italic; font-size:smaller; margin:0 0 0 5px;} .formatform label span.infos { cursor:help;} .formatform input { border:1px solid #e1e0dc; background-color: #f0efeb; height:15px; padding: 2px 5px; width:349px } .formatform textarea { border:1px solid #e1e0dc; background-color: #f0efeb; padding: 5px; width:350px } textarea#street { width: 349px; } .formatform select { border:1px solid #e1e0dc; background-color: #f0efeb; padding: 0 0 0 5px; width:150px } .centerbut { text-align: center; } .centerbut input { border: none; width: auto; height: auto; background-color: #f8f8f4; } .checkbox { background-color: #fff; position:relative; top: 3px; left: 0px; } /* mention.php */ .fleftMentions { width: 335px; min-height: 232px; margin: 0 50px 0 50px; float: left; padding: 0 0 10px 0; background: url(../images/bgd_hr.png) center bottom no-repeat; } .conformement { font: normal 10px arial; color: gray; margin: 20px 0 5px; } .conformement a { text-decoration: none; } /* register.php */ #register form p { overflow: auto } #register form p label.lbleft { width: 162px } p.centerbut { margin: 15px 0 10px 0px } /* Page Equipe */ #equipe { position:relative } #equipe li, ul.puced li { margin: 10px 0 6px 24px; padding: 0 0 0 18px; font: normal 12px/16px verdana; background: url(../images/illustr_puce.png) left 7px no-repeat; } #equipe h4 { color: #96bf0d } .collaborateurs {width:100%; overflow:hidden; margin:0 0 10px;} .collaborateurs img {float:left; margin:0 20px 10px 0;} .collaborateurs .infos {float:left; width:75%;} .collaborateurs .infos h4 {margin:0;} .hautdepage { float: right } .hautdepage a {background:url(../images/ico_top.gif) no-repeat left 2px; padding:0 0 0 16px; color:#7b6558;} .hautdepage a:hover {text-decoration:underline;} .accesRapide_bot { width: 430px; background: url(../images/bgd_bl-bot.png) left bottom no-repeat; float: right; } .accesRapide { width: 430px; background: url(../images/bgd_bl-top.png) left top no-repeat; overflow: auto; padding: 36px 0 7px } .accesRapide p { font: bold 12px arial; padding: 0 0 0 20px ; color: #1E6E75 } .accesRapide .bl1 { float: left; } .accesRapide .bl2 { float: left; padding: 35px 0 0 20px } /* */ .wrap-suissa { float: right; width: 252px; height: 223px; padding: 0 0 0 190px; background: url(../images/illustr_suissa.jpg) left top no-repeat; position:relative; top: -1px; left: 0px; } .wrap-suissa h3 { font: bold 12px verdana; color: #96bf0d } .wrap-suissa h4 { font: bold 11px verdana; color: #786854 } /* */ .wrap_dufay { float: right; width: 252px; height: 223px; padding: 0 0 0 190px; background: url(../images/illustr_dufay.jpg) left top no-repeat; position:relative; top: -1px; left: 0px; } .wrap_dufay h3 { font: bold 12px verdana; color: #96bf0d } .wrap_dufay h4 { font: bold 11px verdana; color: #786854 } /* */ .wrap_corneloup { float: right; width: 252px; height: 223px; padding: 0 0 0 190px; background: url(../images/illustr_corneloup.jpg) left top no-repeat; position:relative; top: -1px; left: 0px; } .wrap_corneloup h3 { font: bold 12px verdana; color: #96bf0d } .wrap_corneloup h4 { font: bold 11px verdana; color: #786854 } /* */ .wrap_severine { float: right; width: 252px; height: 223px; padding: 0 0 100px 190px; background: url(../images/illustr_severine.jpg) left top no-repeat; position:relative; top: -1px; left: 0px; } .wrap_severine h3 { font: bold 12px verdana; color: #96bf0d } .wrap_severine h4 { font: bold 11px verdana; color: #786854 } /* Page publication */ #accordion { margin: 0 0 0 17px} #accordion h4.toggler { cursor: pointer; height: 24px; width: 788px; font: bold 13px verdana; color: #4a3e2f; margin: 0 0 2px 0; padding: 5px 0 0 74px; } #accordion .element { width: 862px; background-color: #fff; position:relative; top: -2px; left: 0px; margin: 0 0 2px 0px; } blockquote { padding:5px 20px;} /* ======================================================================== * Classes gnrales * ========================================================================*/ .denied {background:url(../images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px 5px 35px; border:1px solid red;} .denied li {border-bottom:1px dotted red; padding:3px 0;} .clear { clear:both; line-height:0; height:0; } .btn {width:auto !important; height:30px !important; background:#FFF; border:1px solid #FFFFFF; cursor:pointer; font-weight:bold; line-height:15px; padding:2px 5px; overflow: visible;} .checkbox {width:auto !important; height:auto !important; padding:0 !important; border:none !important;} .nodisplay { display:none; } .center { text-align:center; } .right { text-align:right !important; } .flright { float:right; } .flleft { float:left; } .two-columns { width:49% !important;} .format { padding: 0 45px 13px 45px; width:883px; } .dn { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } .clearMe { margin: 0 auto; clear: both; height: 0px; border: none } .aucun { font: italic bold 12px arial; text-align: center; padding: 0 0 70px 0; } .clearMe, clear { clear: both; visibility: hidden; height: 15px; border: none }