/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding: 0;
background:url(images/background_06.jpg) top repeat-x;
text-align:justify;}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009900;
	}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color:#006600;
}
a:active {
	text-decoration: none;
	color:#006600;
}

h1 {
color:#277a03;
font-size:14px;
font-weight:bold;}

#global {
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
margin-top:auto;
width:999px;
background-color:#FFFFFF;}

#header {
height:164px;
}

#logo {
float:left;
width:649px;
height:164px;
background:#FFFFFF;}

#croain {
height:58px;
width:649px;
float:left;
}

#coor {
height:106px;
width:649px;
float:left;}

#menu {
height:106px;
width:999px;
background:url(images/back_menu.jpg) repeat-x;
}

#menu ul {
  position:relative;
  list-style:none;
	padding: 0px;
	margin:0px;

}

#menu ul a {
	position:absolute;
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	width:157px;
	height:82px;
	top:12px;
}

#menu ul a:hover{
	position:absolute;
	background-position:bottom left;
	}
#lien1 {
  left:18px;
  background:url(images/accueil.jpg) top left no-repeat;}
#lien2 {
	left:179px;
	background:url(images/maconnerie.jpg);}	
#lien3 {
	left:340px;
	background:url(images/dallage.jpg);}	
#lien4 {
	left:501px;
	background:url(images/lorem_ipsum.jpg);}
#lien5 {
	left:662px;
	background:url(images/lorem_ipsum.jpg);}
#lien6 {
	left:823px;
	background:url(images/plan_contact.jpg);}
	
#content {
height:415px;
width:999px;
margin-top:22px;
background-color:#d9ecd1;}

#left {
height:415px;
width:192px;
float:left;}

#title {
width:192px;
height:88px;
float:left;}

#imgtitle {
height:327px;
width: 88px;
float:left;}

#texte {
margin-left:32px;
float:left;
margin-top:16px;
margin-bottom:16px;
width:303px;
height:361px;
border:1px #FFFFFF solid;
padding:11px 11px 11px 11px;}

#formulaire {
margin-left:32px;
float:left;
margin-top:16px;
margin-bottom:16px;
width:360px;
height:361px;
border:1px #FFFFFF solid;
padding:11px 11px 11px 11px;}

#right2 {
width:360px;
height:390px;
float:left;
padding-left:20px;
padding-top:25px;}

#right {
width:385px;
height:390px;
float:left;
padding-left:55px;
padding-top:25px;}

#hours {
width:350px;
padding-top:5px;
height:97px;
margin-top:10px;
text-align:center;
color:#FFFFFF;
background:#8bbb75;
border: 1px #277a03 solid;}

#gfooter {
width:999px;
float:left;
height:157px;
margin-top:-2px;}

#lfooter {
height:157px;
width:25px;
float:left;
padding-top:22px;
background:url(images/l_footer_33.jpg) bottom no-repeat;
background-color:#FFFFFF;}

#footer {
height:157px;
width:949px;
background:url(images/back_footer.jpg) bottom repeat-x;
background-color:#FFFFFF;
float:left;
text-align:center;
padding-top:22px;
color:#FFFFFF;}

#rfooter {
height:157px;
width:25px;
float:left;
padding-top:22px;
background:url(images/r_footer.jpg) bottom no-repeat;
background-color:#FFFFFF;}

/* style du diaporama */

.slideshow {
width:350px;
height:164px;
float:left;
}

.slideshow IMG {
    position:absolute;
    top:0;
    left:649px;
    z-index:8;
    opacity:0.0;
	border:0;
}


.slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	border:0;
}



.slideshow IMG.last-active {
    z-index:9;
	border:0;
}

/* css contact */

.cssform p{

width: 338px;
clear: left;
margin: 0;
padding:0;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
font-size:11px;
}

.cssform textarea{
width: 150px;
height: 40px;
font-size:11px;
}
.warn{
background:#f00;
}

label.etq {
	display:block;
	width:160px;;
	float:left;
}

label.error {
	margin-left:20px;
	color:#FF0000;
}

input.error {
	background:url(images/invalid_line.gif) repeat-x bottom #FFFFFF;
}