/*================================================= * Version : 1.0 * Project : 3300 *=================================================*/ /****************************** * 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; outline: none; } 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;} .clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear { height: 1%; } html,body { width: 100% } /****************************** * GENERAL ELEMENTS/CLASSES ******************************/ body { background: #000 url(../images/bg.png) repeat-x; color: #1a1a1a; font-family: arial, sans-serif; font-size: 12px; } .hide { display: none; } .no-border { border: 0 !important; } .right { float: right; } .left { float: left; } .w200 { width: 200px; } .w280 { width: 280px; } .mr30 { margin-right: 30px; } .ml30 { margin-left: 30px; } /****************************** * BASE ******************************/ #container { position: relative; width: 915px; margin: 0 auto; padding-top: 20px; } /* ----------- TOP + NAV */ #top { position: relative; width: 908px; } #top ul { width: 725px; height: 35px;} #top ul li { float: left; padding: 10px 30px; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; } #top .first { padding-left: 0; } #top .last { padding-right: 0; } #top ul li a { color: #fff; text-transform: uppercase; text-decoration: none; } #top ul li a:hover { color: #b0c11e; } #top #lang { position: absolute; top: 6px; right: 0; background: #474747; text-transform: uppercase; color: #fff; text-decoration: none; padding: 4px 8px; } #top #lang:hover { color: #b0c11e; } /* ----------- HEADER */ #header { background: transparent url(../images/header.png) no-repeat; width: 908px; height: 450px; margin-top: 10px; padding-top: 20px; } #logo { position: absolute; top: 170px; left: 40px; } #slideshow { background: #fff; margin-left: 272px; overflow: hidden; } #slideshow img { display: block; width: 591px; height: 384px; padding: 12px; } #nav-slideshow { position: absolute; top: 240px; right: 0; } #nav-slideshow a { display: block; background: transparent url(../images/oj-box.png) no-repeat; width: 29px; height: 29px; text-indent: -9999px; } #nav-slideshow .activeSlide { background: transparent url(../images/white-box.png) no-repeat; } /* ----------- CONTENT */ #content { width: 908px; } /* ----- sidebar */ #sidebar { float: left; background: #1e1e1e url(../images/sidebar-bg.png) no-repeat top left; width: 182px; min-height: 682px; padding: 20px; margin: 0 20px; } .menu { margin-bottom: 70px; } .menu li { padding: 7px 0; border-bottom: 1px solid #292929; } .menu a { font-size: 11px; color: #fff; text-transform: uppercase; text-decoration: none; } .menu a:hover { text-decoration: underline; } .menu h2 { color: #ddf328; font-size: 11px; text-transform: uppercase; } #google-streets { margin-top: 80px; } #google-streets a { font-size: 11px; color: #fff; text-transform: uppercase; text-decoration: none; } #google-streets a:hover { text-decoration: underline; } #sidebar form { margin-top: 180px; } #sidebar form p { margin-bottom: 5px; } #sidebar form label { font-size: 11px; color: #ddf328; text-transform: uppercase; } #sidebar form div { border: 1px solid #292929; } #sidebar form #share { background: #1e1e1e; width: 155px; height: 15px; padding: 3px; border: 0; color: #b5b5b5; font-size: 11px; font-family: arial; } /* ----- main */ #main { float: left; background: #fff; width: 538px; min-height: 640px; padding: 40px; margin-left: 8px; } #main h2 { margin-bottom: 15px; text-transform: uppercase; font-size: 24px; color: #1a1a1a; text-align:center; } .home img { border: 1px solid #c2c2c2; padding: 1px; } .home #two-thumbs { height: 115px; } .home #two-thumbs li { float: left;} .home #two-thumbs #thumb-1 { margin-right: 20px; } .home div { margin-top: 15px; text-align: justify; line-height: 20px; } .home h3 { margin-bottom: 5px; text-align:center; margin-top: 5px; text-transform: uppercase; font-size: 18px; color: #1a1a1a; } /*----------photos -------------*/ #photos { float: left; background: #fff; width: 538px; min-height: 640px; padding: 40px; margin-left: 8px; } #photos h2 { margin-bottom: 15px; text-transform: uppercase; font-size: 24px; color: #1a1a1a; } #titres { width:538px; margin:25px 0;} #titres li { float: left; width:179px; text-align:center;} .pics img { border: 1px solid #c2c2c2; padding: 1px; } .pics #four-thumbs { width:538px; } .pics #four-thumbs li { float: left; width:130px; margin:15px 4px 0 0; text-align:center; height:125px;} .pics #four-thumbs span { width:127px; display:block;} .pics h3 { margin-bottom: 5px; margin-top: 5px; text-transform: uppercase; font-size: 18px; color: #829311; } .pics .active h3 { color: #1a1a1a; } .pics h3:hover { text-decoration:underline; } /*--------fiche -------------*/ #fiche { float: left; background: #fff; width: 538px; min-height: 640px; padding: 40px; margin-left: 8px; } #fiche h2 { margin-bottom: 15px; text-transform: uppercase; font-size: 24px; color: #1a1a1a; } .fiched img { border: 1px solid #c2c2c2; padding: 1px; } .fiched #two-thumbs { height: 115px; } .fiched #two-thumbs li { float: left;} .fiched #two-thumbs #thumb-1 { margin-right: 20px; } /* contact */ #contact { float: left; background: #fff; width: 538px; min-height: 640px; padding: 40px; margin-left: 8px; } #contact h2 { margin-bottom: 15px; text-transform: uppercase; font-size: 24px; color: #1a1a1a; } #contact h3 { margin-bottom: 5px; margin-top: 5px; text-transform: uppercase; font-size: 18px; color: #1a1a1a; } #contact .col-1 {width: 243px; padding: 0 40px 0 0; float:left;} #contact .col-2 {width: 255px; float:right;} #contact-form { width: 100%; padding: 7px 0 0 0; } #wrapper-contact { width:538px;} #wrapper-form { width:538px; margin-top:20px;} #contact-form textarea { background: none; width: 281px; height: 74px; padding: 3px; border: 1px solid #a4a4a4; overflow: auto; float: right; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 0.917em; color: #a4a4a4; } #contact-form label { display: block; height: 31px; overflow: hidden; } #contact-form input { background: none; width: 240px; height: 15px; padding: 2px 3px 1px 3px; border: 1px solid #a4a4a4; float: left; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 0.917em; color: #a4a4a4; } #contact-form a { float: right; margin: 0 0 0 22px; text-decoration: none; font-size: 1.083em; font-weight: bold; color: #a0b416; } #contact-form a:hover { text-decoration: underline; } /* ----------- FOOTER */ #footer { width: 870px; margin: 20px 0 20px 18px; padding-top: 10px; border-top: 1px solid #242424; text-align: right; text-transform: uppercase; color: #fff; font-size: 10px; } #footer a { text-decoration: none; color: #ddf328; } .tinymce ul { margin-left:25px; list-style-type:disc; line-height:20px; } .tinymce ul li ul { list-style-type:circle; } .tinymce p { padding-bottom:10px;} .tinymce a { text-decoration:none; color:#869613; } /*form*/ .sent { color:#ffffff;} .error { color:red;} #captcha { float:left; width:165px;} #captchatinput { float:left; width:100px;} #captcha_response { height:30px;}