*{
    margin:0;
    padding:0;
    text-decoration:none;
}

html{
    background:url(../images/html_bg.jpg) #E2E2DC no-repeat center 6px;
}

body{
    font-family:"Arial", sans-serif;
    font-size:12px;
    color:#333;
}

#top{
    background:url(../images/top_bg.png) repeat-x;
    height:24px;
    width:100%;
}

#content{
    width:997px;
    margin:0 auto;
}

#header{
    width:980px;
    height:60px;
    margin:-8px auto 0;
}

#header .logo{
    float:left;
    margin:2px 0 0 -7px;
}

#menu-top{
    float:right;
}

#menu-top li{
    float:left;
    list-style:none;
}

#menu-top li a{
    float:left;
    background:url(../images/menu_top.png) repeat-x;
    font-weight:bold;
    font-size:13px;
    color:#fff;
    line-height:60px;
    height:60px;
    width:100px;
    text-align:center;
}

#menu-top li a.presentation{
    background-position:0 -60px;
}

#menu-top li a.procedes{
    background-position:0 -120px;
}

#menu-top li a.realisations{
    background-position:0 -180px;
}

#menu-top li a.contact{
    background-position:0 -240px;
}

#menu-top li a.sitemap{
    width:auto;
    padding:0;
    background:none;
}

#page{margin-top:-6px}

#page > div.top{
    background:url(../images/center-top.png);
    width:997px;
    height:32px;
}

#page > div.center{
    background:url(../images/center-middle.png) repeat-y;
    padding-bottom:15px;
}

#page div.center div.bandeau{
    background:url(../images/bandeau.jpg) no-repeat;
    width:695px;
    height:247px;
    padding-left:285px;
    margin:0 0 7px 8px;
}

#page div.center div.bandeau div.animation{
    width:694px;
    height:247px;
    overflow:hidden;
}

#page div.center div.bandeau div.animation iframe{
    width:694px;
    height:247px;
    border:none;
}

#page div.center ul.arbo{
    text-align:right;
    width:960px;
    margin-left: 8px;
}

#page div.center ul.arbo li{
    display:inline;
    list-style:none;
    color:#999;
    font-family:"Tahoma", sans-serif;
    font-size:10px;
}

#page div.center ul.arbo li a{color:#999}
#page div.center ul.arbo li a:hover{color:#333}

#page div.content{
    float:right;
    width:700px;
    margin:0 25px 0 0;
    padding:10px 0;
}

#page div.content p{margin:7px 0}
#page div.content ul{margin:7px 0 7px 35px}

#page div.center h1{
    font-size:20px;
    font-weight:normal;
    font-style:italic;
    color:#106290;
    line-height:35px;
    min-height:35px;
    margin:10px 0;
}

#page div.center div.content a{
    color:#106190;
    text-decoration:underline;
}

#page div.center div.content a:hover{
    color:#000;
    text-decoration:none;
}

#page div.center h1 strong{font-weight:normal}

#page div.center ul#sitemap{
    list-style:none;
    margin-left:15px;
    font-family:"Myriad Pro", "Arial", sans-serif;
}

#page div.center ul#sitemap > li > a{
    text-decoration:none;
    font-size:13px;
    color:#000;
    font-weight:bold;
}

#page div.center ul#sitemap > li ul{
    margin:3px 0 7px 20px;
}

#page div.free-estimate{
    background:url(../images/free-estimate.png);
    width:940px;
    height:82px;
    margin: 15px auto 0;
    padding-bottom:10px;
    clear:both;
}

#page div.free-estimate > a{
    float:right;
    margin:20px 15px 0 0;
}

#page div.free-estimate img{
    width:265px;
    height:45px;
}

#page input[type="text"], #page textarea{
    width:300px;
}

#page div.input{
    min-height:24px;
}

#page div.submit{margin-left:120px}

#page div.left{
    width:250px;
    margin-left:13px;
    padding:10px 0;
}

#page div.left > p{
    text-align:center;
    margin-bottom:10px;
}

#page div.left > ul {
    border-left:2px solid #999;
    margin-left:10px;
    padding-left:7px;
    list-style:none;
}

#page div.left > ul > li > a{
    font-family:"Myriad Pro", "Arial", sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#000;
}

#page div.left ul a{
    display:block;
}

#page div.left ul a:hover{
    background:url(../images/menu_left_hover.gif) #f9f9f5 no-repeat right center;
}

#page div.left > ul li ul{
    margin:7px;
    list-style:none;
}

#page div.left > ul li ul li a{
    font-family:"Arial", sans-serif;
    font-size:13px;
    color:#666;
}

#page > div.bottom{
    background:url(../images/center-bottom.png);
    height:84px;
    text-align:center;
    font-size:13px;
    color:#000;
    font-weight:bold;
    padding-top:14px;
}

#page > div.bottom a{color:#000}
#page > div.bottom a:hover{text-decoration:underline}

#page > div.bottom div#partners-list{
    text-align:left;
    color:#666;
    font-weight:normal;
    font-size:11px;
    width:970px;
    margin:0 auto;
    margin-top:10px;
}

#page > div.bottom div#partners-list p, #page > div.bottom div#partners-list ul, #page > div.bottom div#partners-list ul li{
    display:inline;
    margin:0;
    padding:0;
}

#page > div.bottom div#partners-list ul li a{
    color:#666;
}

#footer {
    background:#0F120F;
    text-align:center;
    padding:7px 0;
    margin-top:40px;
}

#footer > ul{
    list-style:none;
    width:980px;
    margin:0 auto;
}

#footer > ul > li{
    float:left;
    margin:0 15px;
    padding:0 10px;
}

#footer > ul > li > a {
    color:#fff;
    font-size:14px;
}

#footer > ul > li > a:hover{color:#999}

#footer > ul > li ul{
    margin:3px 0;
}

#footer > ul > li ul li{list-style:none}
#footer > ul > li ul li a{
    color:#999;
}

#footer > ul > li ul li a:hover{
    color:#fff
}