*{
    margin:0;
    padding:0;
}
html{
    background-color:rgb(213,25,33);
    color:white;
    font-family:"DINPro";
    font-size:13px;
}
h1,h2,h3,h4,h5,h6{
    font-family:'RalewayThin';
    font-weight:normal;
}
ul {margin:10px 0px;}
li {list-style-position:inside}

a {color:white; text-decoration:underline; }
h1{
    font-size:50px;
    color:#fa9e9e;
}
textarea{
    resize:none;
    height:185px;
}
input[type="text"], textarea{
    width:450px;
    padding:20px 30px 20px 30px;
    font-family: 'RalewayThin';
    font-size:14px;
}
input[type="text"]{
    height:16px;
    margin-bottom:15px;
}
input[type="submit"]{
    margin-left: 377px;
    margin-top:15px;
    width:90px;
    border:none;
    background-color:#d51921;
    height:32px;
    color:white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
span.bold{
    color:white;
}
#header{
    background:url('../img/bg-header.jpg') no-repeat 50% 0 transparent;
    height:113px;
}
#lien_home {
    float: left;
    margin-left: 160px; 
    margin-top: 35px;
}

#logo{
    margin-top:35px;
    background: url('../img/logo.png') no-repeat;
    width:215px;
    height:47px;
    margin-left:160px;
}
#logo a{
    display:block;
    text-indent:-5000px;
    width:215px;
    height:47px;
}
#img1{
    width:50px;
    height:47px;
    background:url('../img/img1.png') no-repeat;
}
#img3{
    width:50px;
    height:48px;
    /*background:url('../img/img3.png') no-repeat;*/
}
#img4{
    width:50px;
    height:48px;
    background:url('../img/img4.png') no-repeat;
}
#img5{
    width:50px;
    height:48px;
    background:url('../img/img5.png') no-repeat;
}
#images-page1{
    height:313px;
    margin-top: 15px;
    /*background:url('../img/bg-slider.png') no-repeat;*/

}
#content1,#images-page1{
    margin-bottom:40px;
}
#particuliers,#coprop,#pros{
    padding-top:20px;
    border-top:2px solid #bb181d;
    padding-right:0px!important;
    margin-right:40px;
}
#particuliers{
    padding-left:0;
    margin-left:80px;
}

.member{
    height:208px;
    margin-bottom:20px;
    /*width:230px*/
    display:inline-block;
    margin-right:40px;
    float:left;
    }
.member a, .member a .hover{
    display:block;
    height:208px;
    width:229px;
    text-indent:-5000px;
    position:relative;
}
#boito { display:none; }
#boito a { background:url('../img/boito.jpg') no-repeat 0 -208px transparent; }
#boito a div.hover{
    background:url('../img/boito.jpg') no-repeat 0 0;
    margin-top:-17px;
}

#ingetech { display:none }
#ingetech a { background:url('../img/ingetech.jpg') no-repeat 0 -208px transparent; }
#ingetech a div.hover{
    background:url('../img/ingetech.jpg') no-repeat 0 0;
    margin-top:-17px;
}

#betavi { display:none }
#betavi a { background:url('../img/betavi.jpg') no-repeat 0 -208px transparent; }
#betavi a div.hover{
    background:url('../img/betavi.jpg') no-repeat 0 0;
    margin-top:-17px;
}

#icb { display:none }
#icb a { background:url('../img/icb.jpg') no-repeat 0 -208px transparent; }
#icb a div.hover{
    background:url('../img/icb.jpg') no-repeat 0 0;
    margin-top:-17px;
}

#actif { display:none }
#actif a { background:url('../img/actif.jpg') no-repeat 0 -208px transparent; }
#actif a div.hover{
    background:url('../img/actif.jpg') no-repeat 0 0;
    margin-top:-17px;
}

#title4{
    margin-bottom:40px;
}
#title5 h1{
        color:white;
}
#title5{
    margin-bottom:40px;
}
#bg-contact{
    background:url('../img/bg-contact.png');
    height:21px;
}
#background-page5{
    background:url('../img/background-contact.png') 14px 0;
    padding-bottom:40px;
}
#infos_contact address{
    font-style:normal;
}
#infos_contact p{
    margin-bottom:25px;
}
#infos_contact{
    color:#828282;
}
#page5{
    padding-top:50px;
}
#plante{
    padding-left:40px;
    margin-top:-9px;
    position:relative;
    visibility:hidden;
    top:-805px;
}
#maison{
    margin-top:-5px;
    position:relative;
    visibility:hidden;
    top:-805px;
}
#pince{
    padding-left: 23px;
    margin-top:-5px;
    position:relative;
    visibility:hidden;
    top:-805px;
}
#lampe{
    padding-left:25px;
    position:relative;
    visibility:hidden;
    top:-805px; /*110*/
}
#title3{
    margin-bottom: 25px;
}
#domaines{
    padding-top:78px;
}
#domaines ul,#domaines_img ul{
    list-style-type: none;
}
#domaines li{
        font-family: 'RalewayThin';
        color:#fa9e9e;
        font-size:25px;
        padding-bottom: 60px;
        background: url("../img/fleche.png") no-repeat scroll 0 5px transparent;
        padding-left:18px;
}
#domaines a {
    text-decoration:none;
    color:#FA9E9E;
}
#domaines a.active {
    color:white;
}

#text_archi,#text_eco,#text_construct{
    display:none;
}

#content2 { text-align:center; clear:both; }
#content2_intro {
    text-align:left;
    margin-left:105px;
}
#content2_img { position:relative; display:inline-block; margin-top:70px; }
.croix { position:absolute; z-index:3; }
.croix1 { left:62px; top:70px; display:none; }
.croix2 { left:263px; top:40px; width:30px; display:none; }
.croix3 { left:170px; top:210px; width:30px; display:none; }
.croix4 { left:337px; top:174px; width:19px; display:none; }
.croix5 { left:410px; top:225px; display:none; }

.content2_text1 { position:absolute; left:-208px; top:-40px; display:none; }
.content2_text2 { position:absolute; left:278px; top:-76px; display:none; }
.content2_text3 { position:absolute; left:440px; top:250px; display:none; }

#content3 {
    padding-top:78px;
    width:490px;
}
#content3_intro {
    font-size:20px;
}
.content3_text {
    line-height:18px;
    margin-top:38px;
}
.content3_text span{
    font-size:16px;
}
#text_technique{
    /*margin-top:75px;*/
}
#page1{
    padding-top:65px;
    height:545px;
    background:url("../img/bg.jpg") no-repeat scroll 50% 0 transparent;
    border-bottom:1px solid #de3940;
}
#page1 h1{
    margin-bottom:40px;
    width:310px;
}
#page1 h2{
    font-size:27px;
    letter-spacing:3px;
    margin-bottom:10px;
    }
    p{
        line-height:16px;
    }
#page2, #page3, #page4{
    padding-top:90px;
}
#page2 { 
    border-bottom: 1px solid #DE3940; 
    padding-bottom:60px;
    background: url("../img/bg-content3bis2.png") no-repeat scroll 20% 0  transparent;
    overflow:hidden;

} 
#page3 {
    height:720px;
    overflow:hidden;
    /*border-bottom: 1px solid #DE3940;*/
    background: url("../img/bg-content3bis2.png") no-repeat scroll 20% 0  transparent;
}
#page4{
    padding-bottom:60px;
    position:relative;
    height:600px;
}
.popup { position:absolute; top:230px; left:60px; width:850px; height:450px; display:none; background:#535353; color:#c0c0c0; box-shadow:1px 1px 10px black; -moz-box-shadow:1px 1px 10px black; -webkit-box-shadow:1px 1px 10px black; line-height:1.5em; }
.popup p { margin-bottom:20px; line-height:1.5em}
.button_close { float:right; height:20px; padding:10px 0 0; text-align:right; }
.button_close a { color:white; text-decoration:none; padding:10px; }
.popup_infos { display:table-cell; vertical-align:top; width:260px; height:100%; padding:0px 20px 20px 40px }
.popup_infos img { margin-bottom:20px; display:block; }
.popup_texte { display:table-cell; vertical-align:top; height:100%; padding:10px 20px 20px 0px; }
.popup_texte .titre { font-family:'RalewayThin'; font-size:35px; display:block; margin-bottom:20px; text-transform:uppercase; }

.table { display:table; width:100%; }

.nivoSlider {
    position:relative;
    width:250px; /* Change this to your images width */
    height:170px; /* Change this to your images height */
    background:url(../img/loading.gif) no-repeat 50% 50% transparent;
    margin-left:7px;
    margin-top:-8px;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

#footer { height:270px; padding-top:20px; color:#a1a1a1; background:#535353 }
.footercell a { color:#a1a1a1; text-decoration:none;padding-left:10px;padding-right:10px;}
.footercell a:hover { text-decoration:underline; }
.footercell a:first-child {padding-left:0}
#footer span { float:right; color:#656363; }
#footer span a { text-decoration:none; color:#656363; }
#footer span a:hover { color:#757474; }
#footerinner { width:960px; margin-left:auto; margin-right:auto; border-top:1px solid #656363; padding-top:30px }
.footertable { display:table; width:500px; padding-left:50px  }
.footercell { display:table-cell; vertical-align:top; background:url("../img/footeroblique.jpg") no-repeat scroll right -5px transparent; padding-left:50px; line-height:18px; }
#footertop { background:url(../img/footer.png) repeat-x 3px 0 #535353; height:82px; display:block; }


@font-face {
    font-family: 'RalewayThin';
    src: url('fonts/raleway_thin-webfont.eot');
    src: url('fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway_thin-webfont.woff') format('woff'),
         url('fonts/raleway_thin-webfont.ttf') format('truetype'),
         url('fonts/raleway_thin-webfont.svg#RalewayThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src:url( 'fonts/dinpro-regular-webfont.eot?') format('eot'),
        url( 'fonts/dinpro-regular-webfont.woff') format('woff'),
        url( 'fonts/dinpro-regular-webfont.ttf') format('truetype'),
        url( 'fonts/dinpro-regular-webfont.svg#DINPro') format('svg');
    font-weight: normal;
    font-style: normal;
}