@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, form, textarea, input, table, span, dl, dt, dd {margin: 0px; padding: 0px;} html {height: 100%; /*background-attachment: fixed;*/} /*.ie6 {background:url(about:blank);}*/ body {color: #333333; font:14px/24px Arial,Helvetica,sans-serif; min-width: 1000px; position: relative; height: 100%; background: #fff;} img {border: none;} a {cursor: pointer; text-decoration: underline; color: #444444;} a:hover {text-decoration: none;} p {padding:0 0 18px;} h1, h2, h3, h4, h5, h6 { color: #333333; font: 24px Arial,Helvetica,sans-serif; font-weight: lighter; line-height: 140%; padding: 0 0 23px;} h1 {} h2 {font-size: 18px; padding: 0 0 12px;} h3 {font-size: 16px;} h4 {font-size: 14px;} h5 {font-size: 12px;} h6 {font-size: 11px;} ul, ol {padding:0 0 20px 30px;} ul li {list-style: disc outside; padding:5px;} ol li{padding:5px;} .footer:before, .footer:after, .menu ul:before, .menu ul:after, .projet:before, .projet:after, .breadcrumps ul:before, .breadcrumps ul:after, .models ul:before, .models ul:after {content: ""; display: table;} .footer:after, .menu ul:after, .projet:after,.breadcrumps ul:after, .models ul:after {clear: both;} .footer, .menu ul, .projet, .breadcrumps ul, .models ul {zoom:1;} .wrap {position: relative; width: 100%; height: auto !important; min-height: 100%; height: 100%;} .header {width: 100%; overflow: hidden; padding: 0 0 64px; position: relative;} .fon {background:#6ea525 url(../images/header.jpg) center top repeat-x; -webkit-box-shadow: 0px 0px 15px #999999;-moz-box-shadow: 0px 0px 15px #999999; box-shadow: 0px 0px 15px #999999; height: 400px; position: relative;} .logo {position: absolute; bottom:47px; left:50%; margin-left: -450px; width: 260px; height: 68px;} .logo a {display: block; width: 260px; height: 68px;} .menu {position: absolute; top: 370px; left:50%; margin-left: -474px; width: 1000px; } .menu ul {display: inline-block; -webkit-box-shadow: 0 0 15px #999999; -moz-box-shadow: 0 0 15px #999999; box-shadow: 0 0 15px #999999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 49px; padding: 10px 10px 0 5px; background: #E9B124; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E9B124), to(#E59C05)); background: -webkit-linear-gradient(#E9B124, #E59C05); background: -moz-linear-gradient(#E9B124, #E59C05); background: -ms-linear-gradient(#E9B124, #E59C05); background: -o-linear-gradient(#E9B124, #E59C05); background: linear-gradient(#E9B124, #E59C05); -pie-background: linear-gradient(#E9B124, #E59C05); position: relative;} .lte7 .menu ul {display: inline; zoom:1;} .menu li {float: left; list-style: none; padding: 0; font-size: 18px; position: relative; padding: 5px 20px;} .menu li a {display: inline-block; /*padding: 5px 7px 9px;*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; color: #FFFFFF; text-shadow: 0 1px 1px #666666;} .lte7 .menu li a { display: inline; zoom:1;} .menu li a:hover { text-decoration: none;} .page {padding: 0 40px 234px 50px; width: 910px; margin: 0 auto; position: relative;} .breadcrumps { padding: 0 0 19px;} .breadcrumps ul {padding: 0; overflow: hidden; zoom:1;} .breadcrumps li { list-style: none; float: left; background:url(../images/arrow.png) left center no-repeat; padding: 0 5px 0 17px; /*margin: 0 4px 4px 0;*/font-size: 14px; line-height: normal;} .breadcrumps li:first-child {background: none; padding-left: 0;} .breadcrumps a { color: #444444; } .court {width: 700px;} .projet {} .block_info1 {width: 700px; float: left;} .grand_model { padding: 0 0 10px;} .grand_model img {max-width: 700px; -webkit-box-shadow: 0 0 15px #CCCCCC; -moz-box-shadow: 0 0 15px #CCCCCC; box-shadow: 0 0 15px #CCCCCC; } .models { padding: 0 0 27px; position: relative;} .models ul {padding: 0;} .models li {float: left; padding: 5px; background: #fff; border: 1px solid #cccccc; list-style: none; margin: 0 9px 10px 0;-webkit-box-shadow: 0 0 15px #CCCCCC; -moz-box-shadow: 0 0 15px #CCCCCC; box-shadow: 0 0 15px #CCCCCC; list-style: none;} .models li img {display: inline-block; vertical-align: top;} .lte7 .models li img {display: inline; zoom:1;} .block_info2 {width: 180px; float: right;} .marg { margin-top: -8px;} .table1 { color: #222222; padding: 0 0 30px; } .table1 table {border-collapse: collapse; /* -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;*/ text-align: center; width: 900px;} .table1 td { border: 4px double #CCCCCC; padding: 15px; background: #EBEBCF; } .table1 table tr:nth-child(even) td {background:#ffffff;} .table1 table tr.even td {background: #ffffff;} .links { width: 700px;} .link { padding: 0 0 7px; } .link h2 {padding: 0 0 13px;line-height: normal;} .link h2 a {border-bottom: 1px dashed #666666;text-decoration: none; background: url(../images/arrow.gif) right center no-repeat; padding: 0 11px 0 0;} .block_hide {display: none; position: relative;} .form { margin: 0 -15px -15px; padding: 15px; position: relative; zoom:1;} .block_hide form {background: #EBEBCF; -webkit-box-shadow: 0 0 15px #CCCCCC; -moz-box-shadow: 0 0 15px #CCCCCC; box-shadow: 0 0 15px #CCCCCC; padding: 30px 20px 10px; } .block_hide form table {} .block_hide form table td {height: 30px; padding:0 0 20px; vertical-align: top;} .block_hide form table td:first-child {width:160px; } .block_hide form table label {font-size: 14px; white-space: nowrap;} .block_hide form table label span {color:#CC0000;} .block_hide form table input[type="text"], .block_hide form table textarea {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 20px; width: 350px; background: #fff; border-left:2px solid #848484; border-top: 2px solid #848484; border-right: 2px solid #fafafa; border-bottom: 2px solid #fafafa; } .block_hide form table textarea {height: 150px; resize: none; font: 14px Arial,Helvetica,sans-serif; line-height: normal; overflow: auto;} .message { color:#CC0000;} .sub {} .sub a {display: inline-block; width: 110px; height: 41px; line-height: 41px; background: #FF9900; color: #FFFFFF; text-align: center; font-size: 18px; text-decoration: none;} .lte7 .sub a {display: inline; zoom:1;} .category {} .category ul {padding: 0; font-size: 0; line-height: 0; display: table; width: 920px;} .category li {font-size:14px; line-height:normal;background: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px ; -webkit-box-shadow: 0 0 10px #CCCCCC; -moz-box-shadow: 0 0 10px #CCCCCC; box-shadow: 0 0 10px #CCCCCC; display: inline-block; list-style: none; margin: 0 25px 25px 0; padding: 15px 15px 12px; position: relative; width: 250px;} .lte7 .category li {display: inline; zoom:1;} .item_image {padding: 0 0 22px;} .item_image img {max-width: 250px;} .item_name {text-align: center; padding: 0 0 15px;} .item_name a {background: #E9B124; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E9B124), to(#E59C05)); background: -webkit-linear-gradient(#E9B124, #E59C05); background: -moz-linear-gradient(#E9B124, #E59C05); background: -ms-linear-gradient(#E9B124, #E59C05); background: -o-linear-gradient(#E9B124, #E59C05); background: linear-gradient(#E9B124, #E59C05); -pie-background: linear-gradient(#E9B124, #E59C05); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px ;-webkit-box-shadow: 0 0 10px #CCCCCC; -moz-box-shadow: 0 0 10px #CCCCCC; box-shadow: 0 0 10px #CCCCCC; color: #FFFFFF; display: inline-block; font-size: 18px;padding: 5px 12px 9px;position: relative;} .lte7 .item_name a {display: inline; zoom:1;} .bl { color:#333333; padding: 0 0 5px;} .bl span {font-size: 18px;} .footer_area {height: 186px; background: url(../images/trava.jpg) 34% 50% repeat-x; margin-top: -186px; position: relative;} .footer {width: 918px; padding: 110px 41px 0; margin: 0 auto;} .copy {float: right; width: 640px; padding: 0 9px 0 10px; color:#999; text-align: right;} .copy a {background:#FF9900; color:#FFFFFF; padding:6px 10px; display: inline-block; vertical-align: middle;} .lte7 .copy a {display: inline; zoom:1;} .wrap_hidden {background:#333333 ; height: 100%; width: 100%; position: fixed; z-index: 2000; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; top:0; display: none;} .ie6 .wrap_hidden { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); } .wrap_message {position: fixed; top:50%; margin-top: -60px; left:50%; margin-left: -245px; z-index: 2001; width: 490px; display: none;} .wrap_message .block_send {padding: 40px 20px 20px; margin: 0; text-align: center; position: relative;} .block_send {-webkit-box-shadow: 0 0 5px #CCCCCC; -moz-box-shadow: 0 0 5px #CCCCCC; box-shadow: 0 0 5px #CCCCCC; padding: 40px 30px 20px; margin:0 0 44px; background: #fff;} .block_send h2 {color: #222222; font-family: "Trebuchet MS"; font-size: 24px; font-weight: normal; letter-spacing: -0.02em; line-height: 120%; padding: 0 0 20px;} .close {position: absolute; right: 15px; top:10px;} .close a {font-size: 24px; font-weight: bold; text-decoration: none;} .close a:hover { color: #999999;}