body 
	{
	 margin: auto;
	 padding: 0;
	 text-align: center;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 background-color: #FFF;
	 color: #fff;
	}
	
img { border: 0; }

a
	{
	 color:#000;
	}
 
div#conteneur 
	{
	 position: relative;
	 left: 0;
	 width: 990px;
	 height: 787px;
	 margin: 0 auto;
	 text-align: left; 
	 background: url("img/fond-site.gif") top left repeat-x;
	}
	
div#camion 
	{
	 width: 320px;
	 height: 297px;
	 position: absolute;
	 background: url("img/camion.jpg") bottom left no-repeat;
	 left: 0;
	 bottom: 0;
	 z-index: 0;
	}
		
div#flottant-gauche
	{	
	 float: left;
	 width: 198px;
	 background: url("img/header-gauche.jpg") top left no-repeat;
	 padding: 116px 0 0 0;
	 margin: 0;
	 z-index: 2;
	 position: relative;
	}
	
div#centre
	{	
	 width: 660px;
	 background: url("img/header.gif") top left no-repeat;
	 padding: 210px 0 0 0 ;
	 margin: 0 0 0 198px;
	 z-index: 2;
	 position: relative;
	}
	
h1#centre-header
	{
	 position: absolute;
	 left :0;
	 top: 10px;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;
	 text-align: center;
	 font-size: 12pt;
	 font-weight: bold;
	 font-style: italic;
	 color: #ffec00;
	}
	
div#centre-haut
	{	
	 width: 660px;
	 background: url("img/header.gif") top left no-repeat;
	 padding: 150px 0 0 0 ;
	 margin: 0 0 0 198px;
	 z-index: 2;
	 position: relative;
	}
	
div#flottant-droit
	{	
	 float: right;
	 height: 787px;
	 width: 132px;
	 background: url("img/frise-droit.jpg") top left no-repeat;
	}
	
ul.menu
	{
	 list-style-type: none ;
	 width: 198px;
	 padding: 0;
	 margin : 0;	
	}
	
ul.menu li
	{
	 width: 198px;
	 height: 32px;
	 padding: 0;
	 margin : 0;	
	 background: url("img/menu.png") top left no-repeat;
	 font-size: 11pt;
	 font-weight: bold;
	 text-align: left;
	 font-style: italic;
	}
	
ul.menu li.menu-dev
	{
	 width: 198px;
	 height: 32px;
	 padding: 0;
	 margin : 0;	
	 background: url("img/sous-menu.png") top left no-repeat;
	 font-size: 11pt;
	 font-weight: bold;
	 text-align: left;
	 font-style: italic;
	}	

ul.menu li a
{
	 display: block;
	 width: 173px;
	 height: 31px;
	 color: #000 ;
	 text-decoration: none ;
	 padding: 1px 0 0 25px ;
}

ul.menu li a:hover
{
	background: url(img/menu.png) left -32px no-repeat;
	color: #fff ;
}
	
ul.sous-menu
	{
	 list-style-type: none ;
	 width: 198px;
	 padding: 2px 0 4px 0;
	 margin : -2px 0 0 0;
	 background: url("img/fond-sousmenu.png") top left repeat-y;	 
	}

ul.sous-menu li
	{
	 width: 198px;
	 height: 23px;
	 padding: 0;
	 padding-right: 25px;
	 margin : 0;	
	 font-size: 8pt;
	 font-weight: bold;
	 text-align: left;
	 font-style: italic;
	 text-align: right;
	}
	
ul.sous-menu li a
{
	 color: #000 ;
	 text-decoration: none ;
	 padding-right: 25px;
}

ul.sous-menu li a:hover
{
	color: #ffec00 ;
	text-decoration: underline ;
}

div#footer
{
	 position: absolute;
	 left: 150px;
	 bottom: 20px;
	 font-size: 10pt;
	 color: #000 ;
	 text-align: center;
	 font-weight: bold;
	 font-style: italic;
	 border-top: 2px solid yellow;
	 padding: 20px 0 0 0 ;
	 margin: 0;
	 width: 700px;
}

p.text
	{
	 margin: 0;
	 padding: 0 50px 25px 50px;
	 text-align: justify;
	 font-size: 12pt;
	 font-weight: bold;
	 font-style: italic;	
	}

p.text-alinea
	{
	 margin: 0;
	 padding: 0 50px;
	 text-align: justify;
	 font-size: 12pt;
	 font-weight: bold;
	 font-style: italic;
	 text-indent:50px; 	
	}
	
iframe#carte-google,small
	{
	margin : 0 0 0 300px;
	padding: 0;
	}
	
table#equipe
	{
	 width: 575px;
	 text-align: center;	
	 padding:0;
	 margin: -60px auto 0 auto;
	}
	
table#equipe td
	{
	 width: 110px;
	 font-size: 11pt;
	 font-weight: bold;
	 font-style: italic;
	 color: #FFF;
	 height: 150px;
	}
	
table#equipe th
	{
	 font-size: 10pt;
	 font-weight: bold;
	 font-style: italic;
	 color: #FFF;
	 vertical-align: top;
	}
	
table#liens
	{
	 width: 540px;
	 text-align: center;	
	 padding:0;
	 margin: auto;
	}
	
table#liens td
	{
	 width: 180px;
	 font-size: 11pt;
	 font-weight: bold;
	 font-style: italic;
	 color: #FFF;
	}
	
div#photo
	{
	 background: url("img/photo.png") top left no-repeat;
	 width: 335px;
	 height: 368px;
	 margin: 0 0 0 100px;
	 padding: 0;
	 position: absolute; 
	 top: 270px;
	}
	
p.photo-detail
	{
	 background: url("img/fond-detail-photo.png") top left repeat;
	 margin: 0;
	 padding: 12px 15px 13px 15px;
	 font-size: 11pt;
	 font-weight: bold;
	 font-style: italic;
	 color: #333333;
	 position: absolute; 
	 top: 323px;
	 left: 445px;
	}

	
h1.realisation
	{
	 color: #000;
	 font-size: 12pt;
	 font-weight: bold;
	 font-style: italic;
	 margin: 20px 15px 0 85px;
	 padding: 0;
	 text-align: center;
	}

	
img.fleche
	{
	margin: 0 8px 0 0;
	}
	
table.devis
	{
	 border: 0;
	 padding: 0;
	 margin: 0 auto;	
	 width: 500px;
	 font-weight: bold;
	}
	
table.devis td
	{
	 padding: 0;
	 height: 24px;
	 text-align: left;
	}
	
table.devis th
	{
	 padding: 0 25px 0 0;
	 text-align: right;
	}
	
table.devis input,textarea
	{
	 font-family: Arial;
	 font-size: 9pt;
	 border: 1px solid #0b72b5;
	 background-color: #f3f5fa;
	}
	
table.devis input[type=text]
	{
	 width: 250px;
	 height: 18px;
	 padding: 2px 0 0 0;
	}
	
table.devis textarea
	{
	 width: 500px;
	 height: 200px;
	}

table.devis input[type=submit]
	{
	 font-weight: bold;
	 margin: 3px -24px 0 0;
	}
	
p.red
	{
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	padding: 0;
	margin: -20px 0 5px 0;
	font-size: 10pt;
	}
	
p.green
	{
	font-weight: bold;
	color: #00ff00;
	text-align: center;
	padding: 0;
	margin: -20px 0 5px 0;
	font-size: 10pt;
	}

div#footer
{
	 position: absolute;
	 left: 150px;
	 bottom: 20px;
	 font-size: 10pt;
	 color: #000 ;
	 text-align: center;
	 font-weight: bold;
	 font-style: italic;
	 border-top: 2px solid yellow;
	 padding: 20px 0 0 0 ;
	 margin: 0;
	 width: 700px;
}
	
p#mentions
 {
	margin: 20px 0 10px 0;
	padding: 0;
	font-size: 9px;
	text-align: center;
	color: #333333;
 }