/* css by http://myhedspace.com */
body {
background-color:#595757;
margin:0;
padding:0;
text-align:center;
}
a {color:#800000; text-decoration: none;}
a img {border:none;} 
#main {
width:741px;
height:502px;
text-align:left;
margin: 0 auto;
/* center  */
position:absolute;
top:50%;
margin-top:-251px;  /*negative half margin of height */
margin-left: -370px; /*negative half margin of  width */
left:50%
/* center  */
}
#top {
width:741px;
height:14px;
background-image:url(images/home_top.jpg);
font-size:1px; /*fix for weird ie bug */
}
#bottom {
width:741px;
height:16px;
background-image:url(images/home_bottom.jpg);
font-size:1px;  /*fix for weird ie bug */
}
#wrap {
width:741px;
height:511px;
background-image:url(images/home_wrapbg.jpg);
}
#logo {
width:710px;
height:99px;
background-image:url(img/stc-logo.jpg);
margin-left:16px;
}
#main_img {
float:right;
width:442px;
height:412px;
background-image:url(images/home_image.jpg);
margin-right:14px;
display:inline;
}
* html #main_img {
margin-top:1px;
}
#content_main {
width: 400px;
height:365px;
background-image:url(images/fff.gif); 
/*  use the following code if you want
to use firefox or ie's opacity stuff. Remove the background-image line
if you're going to use the code below

opacity:0.60;
background-color:#FFFFFF;
filter:alpha(opacity=60);
*/    
margin:25px auto 0 auto;
border:1px #999 solid;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
overflow:auto; /* makes anchor links in ie non-working */
}
#content_main p {
font-size:12px;
text-align:justify;
}
#content_main h2 {
font-size:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:lighter;
text-transform:uppercase;
border-bottom: 2px #666 solid;
}
#content_main .item {
padding:8px;
}
#content_partenaires {
padding:8px;
background-image:url(images/fff.gif); 
font-size:12px;
width: 390px;
height:355px;
margin:25px auto 0 auto;
border:1px #999 solid;
font-family:Arial, Helvetica, sans-serif;
overflow:auto;
}
#left {
width:270px;
height:413px;
float:left;
margin-left:15px;
display:inline;
}
#left .headline{
padding:0 6px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
}
#left .headline a{
color:#666;
}
#left h1 {
font-size:30px;
color:#999999;
font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
text-align:right;
padding: 10px 8px 0 0;
margin:0;
}
.darker {
color:#4D4C4B;
}
#tagline {
font: 9px "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align:right;
padding: 0 8px 0 0;
margin:-5px 0 0 0;
color:#4D4C4B;
}
#nav {
padding: 6px 0 0 7px;
}
#nav ul {
list-style-type:none;
padding:0;
margin:0;
font-size:36px;
font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#D2D0CE;
font-weight:300;
letter-spacing:-3px;
}
#nav ul li{
width:257px;
height:77px;
/*background-image:url(images/nav_bg.gif);*/
background-repeat:no-repeat;
margin:0 0 4px 0;
padding-right:0;
text-align:right;
}
#nav ul li a{
height:77px;
text-decoration:none;
color:#D2D0CE;
display:block;
height:100%;
/*background-image:url(images/nav_bg.gif);*/
padding-right:8px;
}
#nav ul li a:hover{
/*background-image:url(images/nav_bg2.gif);*/
color:#FFFFFF;
text-transform:uppercase;
font-size:30px;
}
#contact li a{
background-image:url(images/contact1.jpg);
}
#historique li a {
background-image:url(images/historique1.jpg);
}
#partenaires li a{
background-image:url(images/partenaires1.jpg);
}
#realisations li a{
background-image:url(images/realisations1.jpg);
}
#savoirfaire li a{
background-image:url(images/savoirfaire1.jpg);
}
#contact li a:hover{
background-image:url(images/contact2.jpg);
}
#historique li a:hover {
background-image:url(images/historique2.jpg);
}
#partenaires li a:hover{
background-image:url(images/partenaires2.jpg);
}
#realisations li a:hover{
background-image:url(images/realisations2.jpg);
}
#savoirfaire li a:hover{
background-image:url(images/savoirfaire2.jpg);
}

#footer p {
margin:0;
text-align:right;
color:#E6E4E2;
font:9px Verdana, Arial, Helvetica, sans-serif;
padding-right:10px;
}
#footer p a{
color:#E6E4E2;
text-decoration:none;
}

/*folio / gallery */
.image_spot_tn {
width:85%;
padding-left:30px;
}
.image_spot_tn img{
margin-right:3px;
float:left;
margin-bottom:5px;
border:1px #666 solid;
}
/*folio / gallery */

/* form */
.form {
width:80%;
margin: 0 auto;
}
.form legend {
color:#333;
}
.form fieldset {
border: 1px #666 solid;
padding:1em;
}
.form label {
  display: block;
}
.form input {
  width: 270px;
}
.form textarea {
  width: 270px;
  height: 100px;
}
.form input.submit {
width: 100px;
}
/* form */

#basic-accordian{
	font-size:13px;
	border:5px solid #EEE;
	padding:5px;
    height:391px;
	width:422px;
	position:absolute;
	margin-top:1px;
	z-index:2;
}

* html #basic-accordian{ /*fix ie bug*/
	margin-top:0px;
	height:392px;
}

.accordion_headings{
	padding:5px;
	background:#808060;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#F28D21;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#a0a0a0;
}

#content_gallery {
	font-size:13px;
	padding:5px;
    height:402px;
	width:432px;
	position:absolute;
	margin-top:1px;
	overflow:auto;
}
* html #content_gallery{ /*fix ie bug*/
	margin-top:2px;
	height:391px;
}

/*Historique*/


#demo-bar {
	margin: 5px auto;
	padding: 5px 0;
	width: 300px;
        /*background-image: url(images/000.gif);*/
	/*background: #EFF8FF;*/
	text-align: center;
}

#demo-bar a{
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bolder;
        font-size: 18px;
        background: #e0e0e0;
        color:#000;
}

#demo-bar a:hover{
        background: #fff;
}
 
#demo-wrapper {
	margin: 5px auto;
	overflow: hidden; 
	height: 350px; 
	width: 400px;
	border: 1px solid #ddd;
	position: relative;
}
 
#demo-inner {
	width: 1600px;
	height: 1600px;
	background-image: url(img/histo.jpg);
	position: relative;
}
 
.scrolling-content {
	/*background: transparent url(bubble.png) top left no-repeat;*/
	width: 139px;
	height: 73px;
	text-align: center;
	position: absolute;
}
 
.scrolling-content h1 { 
	color: #000;
	padding: 25px 0;
	font-size: 12px;
}
 
#content1 {
	left: 185px; 
	top: 70px;
}
 
#content2 {
	left: 860px; 
	top: 780px;
}
 
#content3 {
	left: 200px; 
	top: 765px;
} 

#content4 {
	left: 870px; 
	top: 80px;
}

#content5 {
	left: 510px; 
	top: 415px;
}

#logo_partenaires  ul{
margin: 0;
padding: 0;
width: auto;
float: left; 
}

#logo_partenaires  li{
display:block;
margin:4px;
margin: 10;
padding: 0;
width: auto;
float: left; 
}

img#plan {
display:block;
margin:16px;
}