body {	

margin: 10px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em  "Trebuchet MS", helvetica, sans-serif ;
background-color:#000000;
}

		
		div#conteneur
		{
			width: 800px ;
			margin: 0 auto ;
			text-align: left ;
			border: 4px solid #ffdd00;
			background: #fff ;
}


.droite {
float:left;
border:0px solid black;

width:60%;
}

.left {
margin-left:-40px;
}
	

div#tour {
border:2px solid #ffdd00;
padding-top:10px;
padding-bottom:10px;
}

div#tourc {
border:0px solid #ffdd00;
padding-left:0px;
float:left;
height:250px;
margin-left:50px;
width:200px;
margin-right:30px;
}


div#plan {
border:0px solid #ffdd00;
padding-left:0px;

height:250px;
margin-left:50px;
margin-right:30px
}

div#formulaire {

margin-top:20px;
margin-left:0px;
border:0px solid #000;
}


.gauche {
float:left;
border:0px solid black;
width:40%;
}



span#compteur {margin-left:90px;}

		
		h1#header
		{
			height: 150px ;
			margin: 0 ;
			background: url(photos/bandeau.jpg) no-repeat left top ;
		}
		
		h1#header a
		{
			width: 400px ;
			height: 70px ;
			display: block ;
			background: url(photos/title.gif) no-repeat ;
			position: relative ;
			left: 350px ;
			top: 15px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(photos/bg_menu.gif) repeat-x 0 -25px ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 130px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #000 ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
		}
		
		ul#menu li a:hover
		{
			background: url(photos/bg_menu.gif) repeat-x 0 0 ;
                        color:#777777;
		}
		
.accueil {
			background: url(photos/bg_accueil2.gif) no-repeat 15px 15px ;


}
.construction {
			background: url(photos/bg_construction2.gif) no-repeat 15px 15px ;


}
.ravalement {
			background: url(photos/bg_ravalement2.gif) no-repeat 15px 15px ;


}
.couverture {
			background: url(photos/bg_couverture2.gif) no-repeat 15px 15px ;


}

.traitement {
			background: url(photos/bg_traitement2.gif) no-repeat 15px 15px ;


}

.contact {

			background: url(photos/bg_contact2.gif) no-repeat 15px 15px ;


}


		div#contenu
		{
			padding: 0 25px 0 100px ;
		
		}

.img2
		{
			padding-left:  90px ;
			
		}

.img3
		{
			padding-left:  17px ;
			
		}


.img1
		{
			padding-left:  150px ;
			
		}



.agrandir {
position:absolute;
padding-left:530px;
padding-top:147px;
color:#000;
}
.agrandir2 {
position:absolute;
padding-left:470px;
color:#000;
padding-top:147px;
}

.agrandir3 {
position:absolute;
padding-left:300px;
color:#000;
padding-top:147px;
}

.agrandir4 {
position:absolute;
padding-left:100px;
color:#000;
padding-top:147px;
}


.gras {
font-size:1.4em;
font-weight:700;
color:#000;
margin-left:100px;

}


		
		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(little_apple.gif) no-repeat left bottom ;
			color: #000;
			border-bottom: 3px solid #ffdd00;
			border-left: 3px solid #ffdd00;
		}
		
		div#contenu h3
		{
			margin-left: 5px ;
			padding-left: 20px ;
			border-bottom: 3px solid #ffdd00;
			border-left: 3px solid #000 ;
			color: #000 ;
		}


                div#contenu b {
font-weight:700; 
			color:   #ddbb00;

}

		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
margin-right:50px;
margin-left:50px;
		}



div#contenu ul {

margin-left:50px;

		
		}


		
		div#contenu a
		{
                        font-weight:700; 
			color:#ddbb00;
}
		
		div#contenu a:hover
		{
                        font-weight:170; 
			color:#ffdd00;
		}






		
		p#footer
		{
			margin: 0 ;
			padding-left: 350px ;
			line-height: 30px ;
			text-align: right ;
			color: #000000 ;
font-weight:700;


		}

#cnil
		{
float;left;


}



.cursor{cursor: pointer;}


		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		* html pre
		{
			width: 636px ;
		}
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}