/*************************
page accueil
*************************/

.linetop{
    background-image: url(00_main_images/white.gif);
    background-repeat: repeat-x;
    background-position: center;
	vertical-align: middle;
}
.dots{
    background-image: url(00_main_images/dots.gif);
    background-position: center;

  overflow: auto;
}
.dots_grey{
    background-image: url(00_main_images/dots_grey.gif);
    background-position: center;
   overflow: auto;
    padding-left: 2px;
    padding-right: 6px;

}

/*************************
page normale
*************************/
   html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width: 100%;
   }

.linetop2{
    background-image: url(00_main_images/white.gif);
    background-repeat: repeat-x;
    background-position: top;

}
#menu {
  position: static;
  left:0px;
  top:-10px;
  width:210px;
  height:460px;
  z-index:1;
}
#googlemaps {
  position: static;
  left:0px;
  top: 0px;
  width:210px;
  height:100px;
  z-index:1;
     font-family: "Century Gothic", Arial, sans-serif;
     font-size: 9pt;
     font-style: normal;
     font-weight: normal;
     color: #FFFFFF;
     line-height: 10pt;}

#adress {
    position: relative;
    left:0px;
    bottom:0px;
    width:191px;
    height:100px;
    z-index:5
}

#mainfoto {
    position:static;
    left:0px;
/*    top:170px;
*/
    top: 0px;
    width:630px;
/*border: 1px solid gray;
*/}
#mainfoto2 {
    position:static;
    left:0px;
/*    top:170px;
*/
    top: 0px;
    width:715px;
	overflow: hidden;
/*border: 1px solid gray;
*/}
#google {
    position:static;
    left:0px;
/*    top:170px;
*/
    top: 0px;
    width:600px;

}

#statusdiv{
position: static;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
  color: #000000;
}

.T1 {
     font-family: "Century Gothic", Arial, sans-serif;
     font-size: 9pt;
     font-style: normal;
     font-weight: normal;
     color: #FFFFFF;
     line-height: 10pt;}

.expanded {
     font-family: "Century Gothic", Arial, sans-serif;
     font-size: 9pt;
     font-style: normal;
     font-weight: normal;
     color: #FFFFFF;
     line-height: 10pt;
    border-right: 0px solid #FF0000;
     }


.locator {
    position: static;
    overflow: visible;
    left:0px;
    top:0px;
    height:10px;
  font-family: "Century Gothic", Arial, SansSerif;
  font-size: 9pt
}

.copyright {
    position:relative;
    bottom:0px;
    height:10px;
  font-family: "Century Gothic", Arial, SansSerif;
  font-size: 9pt
}

.recentprojects {
    position: absolute;
    right: 0px;
    border: 1px solid #FF0000;
color: #000000;
text-align: left;
width: 200px;
margin: 0px;
padding: 1px;
  font-family: "Century Gothic", Arial, SansSerif;
  font-size: 9pt
}
ul
{
list-style-position: outside;
  font-family: "Century Gothic", Arial, SansSerif;
  font-size: 9pt;
color: #FFFFFF ;

}

div.scroll {
    width:750px;
    height: 500px;
  overflow: auto;
  padding: 0;
  vertical-align: top;
}
div.scroll_news {
    width:750px;
    height: 470px;
  overflow: auto;
  padding: 0;
  vertical-align: top;
}
div.thumbs {
    width:120px;
    height: 490px;
  overflow: auto;
  padding: 0;
  vertical-align: middle;
}


a:link {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;}
a:hover {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #FF0000 ;
    text-decoration: none;
    }
a:visited {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    }

a:active {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #FF0000 ;
    text-decoration: none;

}

a:focus {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #FF0000 ;
    text-decoration: none;

}
.T2 {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 12pt;
     }
div.selector_red {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    line-height: 14pt;
    position: absolute;
    left: 10px;
    top: 30px
     }
div.head {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #FF0000;
    line-height: 14pt;
     }



body {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin:0;

    }
td {
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   color: #FFFFFF;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    line-height: 12pt;
    padding-left: 2px;
    padding-right: 6px;
}

table.main {
  font-family: "Century Gothic", Arial, SansSerif;
  width: 700px;
  padding: 0px;
  border: 0px;

}

table.main_small {
  font-family: "Century Gothic", Arial, SansSerif;
  width: 500px;
  padding: 0px;
  border: 0px;
}

.txt_concept {
    position:absolute;
    left:215px;
    bottom: 40px;
  font-family: "Century Gothic", Arial, SansSerif;
  font-size: 9pt
}
.input_search {background: #888888; border-style: none; border-color: #FFFFFF;
      	border-right-width: 0px; border-left-width: 0px;
      	border-bottom-width: 0px; border-top-width: 0px; height:15px;
      	font-size:10px; width:40px; color:#ffffff; vertical-align: middle;
				margin-right:1px; margin-left:1px;  padding-left:2px;
                text-align: left;
                }
.input_news {background: #888888; border-style: none; border-color: #FFFFFF;
      	border-right-width: 0px; border-left-width: 0px;
      	border-bottom-width: 0px; border-top-width: 0px; height:15px;
      	font-size:10px; width:212px; color:#ffffff; vertical-align: middle;
				margin-right:1px; margin-left:1px;  padding-left:2px;
                text-align: left;
                }
.knop {

    background-color: #888888; color: #ffffff; height:15px;
      	border-right: 1px solid #666666; border-left: 1px solid #B2B2B2;
      	border-bottom: 1px solid #666666; border-top: 1px solid #B2B2B2;
      	font-weight: 700; font-size: 10px; cursor:pointer; padding-bottom:1px;
				padding-left:2px; padding-right:2px; vertical-align: middle;
				margin-right:2px; margin-left:2px;
  font-family: "Century Gothic", Arial, SansSerif;
  font-weight: bold;
}