@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;}
    
© TrueDev.org