/* CSS Document */


body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background: url(images/fnd-bandeau.gif) repeat-x 24px 139px #FFF;
}

*  {
	margin: 0 ;
	padding:0;
}


p, h2, h3 , h4 , h5  {
	display:block;
}

p {
	padding:3px 0 5px 0 ;
}

ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}

a {
	text-decoration:none;
	color:#FFF;
}

a:hover {
	text-decoration:none;
	color:#000;
	
}
/************************/

#page {
	width:955px;
	display:table;
	margin:0 auto;
	padding:0;
}

/******************************/
#header{
	float:left;
	width:955px;
	background: url(images/header.jpg) no-repeat 0 0 ;
	position:relative;
	height:324px;
	
}
#header-prof{
	float:left;
	width:955px;
	background: url(images/header-prof.jpg) no-repeat 0 0 ;
	position:relative;
	height:325px;
	
}
#header-contact{
	float:left;
	height:327px;
	width:955px;
	background: url(images/header-contact.jpg) no-repeat 0 0 ;
	position:relative;
	
}
.bandeau {
	background: url(images/fnd-bandeau2.gif) repeat-x 24px 0px #FFF;
}
.bandeau2 {
	background: url(images/fnd-bandeau3.gif) repeat-x 24px 0px #FFF;
}
.logo{
	top:15px;
	left:218px;
	position:absolute;
	
}
.logo-prof{
	top:15px;
	left:24px;
	position:absolute;
}

/******************************/

#menu {
	float: left;
}

#menu ul{
	padding:197px 0 0 523px;
	margin:0;
	list-style:none;

}
#menu ul.prof-liste {
	padding:202px 0 0 324px;
}
#menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:27px;
	font-style: italic;
}

#pres a{
	display:block;
	width:155px;
	height:27px;
	background:url(images/puce-menu.gif) no-repeat 2px 2px ;
	padding-left:30px;
	margin:5px 0 0 85px;
}
#pres a:hover{
	background:url(images/pres-on.gif) no-repeat 0 0 ;
	margin:5px 0 0 85px;
}
#menu li :first-letter {
	font-size:15px;
}
.active {
	display:block;
	width:155px;
	height:27px;
	color:#000000;
}

#pres .active{
	background:url(images/pres-on.gif) no-repeat 0 0 ;
	color:#000000;
	margin:5px 0 0 85px;
}

#real a{
	display:block;
	width:180px;
	height:27px;	
	background:url(images/puce-menu-real.gif) no-repeat 2px 2px ;
	padding-left:30px;
	margin:0 0 0 45px;
}
#real a:hover{
	background:url(images/real-on1.gif) no-repeat 0 0 ;
	margin:0 0 0 45px;
}
#real .active{
	background:url(images/real-on1.gif) no-repeat 0 0 ;
	margin:0 0 0 45px;
	color:#000000;
}
#part a{
	background:url(images/puce-menu-prof.gif) no-repeat 2px 2px ;
	padding-left:30px;
	margin:0 0 0 68px;
	display:block;
	width:155px;
	height:30px;
	line-height:15px;
}
#part a:hover{
	background: url(images/part-on1.gif) no-repeat 0 0 ;
	margin:0 0 0 71px;
}
#part .active{
	background: url(images/part-on1.gif) no-repeat 0 0 ;
	height:30px;
	line-height:15px;
	color:#000000;
	margin:0 0 0 71px;
}

#contact a{
	background:url(images/puce-menu-cont.gif) no-repeat 2px 2px ;
	padding-left:30px;
	margin:0 0 6px 11px;
	display:block;
	width:155px;
	height:27px;
}
#contact a:hover{
	background:url(images/contact-on.gif) no-repeat 0 0 ;
	margin:0 0 6px 16px;
}
#contact .active{
	background:url(images/contact-on.gif) no-repeat 0 0 ;
	margin:0 0 6px 16px;
	color:#000000;		
}
#ouvrier {
	position:absolute;
	top:136px;
	right:0;
}
/*---------------PROFESSIONNELS & PARTICULIERS-----*/
#text-top {
	padding:0;
}
#text-top h2 {
	color:#FFFFFF;
	font-size:16px;
}
#text-top img {
	float:left;
	padding:0 8px 0 0;
}
.tof_right{
	float:left;
	margin:0 0 0 5px;
}
#contenu-prof {
	width:955px;
	float:left;
	background:url(images/px-contenu-prof.jpg) repeat-y;
}
#content-prof {
	float:left;
	padding:0px 0 0px 48px;
	background:url(images/fnd-content-prof2.jpg) no-repeat 0 0;
	width:907px;
}
#content-prof2 {
	float:left;
	padding:16px 0 0px 48px;
	background:url(images/fnd-content-prof.jpg) no-repeat 0 0;
	width:907px;
}
.bloc-conten{
	background: url(images/px-bloc.gif) repeat-y ;
	float:left;
	width:224px;
	padding:0 8px 0 8px;
	font-weight:bold;
	text-align:justify;
}
.bloc-conten a{
	color:#000;
	text-decoration:none;
}
.bloc-conten a:hover{
	color:#fff;
}
.bloc-top {
	background:url(images/fnd-top-bloc.gif) no-repeat 0 0 ;
	float:left;
	width:240px;
	margin:220px 0 0 60px;
}
.bloc-btm {
	background: url(images/fnd-bloc-btm.gif) no-repeat 0 100%;
	float:left;
	width:240px;
	padding:14px 0 12px 0;
}

.bloc-prof {
	float:left;
	width:208px;
	padding:0 10px 0 0;
}
.bloc-prof p{
	background:url(images/puce.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	text-align:justify;
	clear:both;
}

.bloc-prof h3{
	color:#9F1E1B;
	font-size:13px;
	background:url(images/puce1.gif) no-repeat 0 14px;
	padding:13px 0 0px 20px;
}
.bloc-prof ul {
	list-style-type:none;
	padding:0;
}
.bloc-prof li {
	background:url(images/puce.gif) no-repeat 0 0;
	padding:0 0 0 20px;
}
.bloc-prof-left {
	float:left;
	width:400px;
	padding:0 20px 0 0;
}
.bloc-prof-left p{
	background:url(images/puce.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	text-align:justify;
}

.bloc-prof-left h3{
	color:#9F1E1B;
	font-size:13px;
	background:url(images/puce1.gif) no-repeat 0 14px;
	padding:13px 0 13px 20px;
	clear:both;
}
.bloc-prof-contin {
	float:left;
	width:208px;
}
.bloc-prof-contin p{
	background:url(images/puce.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	text-align:justify;
	clear:both;
}

.bloc-prof-contin h3{
	color:#9F1E1B;
	font-size:13px;
	background:url(images/puce1.gif) no-repeat 0 7px;
	padding:7px 0 0 20px;
	clear:both;
}

.space-img5 {
	padding:20px 0 0 0;
}
.space-img-prof {
	float:right;
	padding:15px 0 0 5px;
 }
.space-img-prof1 {
	float:left;
	padding:0;
	margin: 15px 0 0 0;
}
.space-img-prof2 {
	float:right;
	padding:78px 0 0 0;
}
.space-img-prof3 {
	float:right;
	padding:0 0 0 10px;
 }
.liste li{
	background:url(images/puce.gif) no-repeat 0 2px;
	padding: 0 0 5px 20px;
}
.control {
	position:absolute;
	top:640px;
	right:14px;	
	
}

/*-------------PHOTOS REALISATIONS--------------*/

#en-cour-realis {
	float:left;
	padding:30px 0 0 300px;
	font-size:14px;
	font-weight:bold;

}
.realis	{
	float:left;
	width:1px;
	height:200px;
}
	
/*------------contenu présentation--------------*/
#contenu {
	width:955px;
	float:left;
	background:url(images/px-contenu.jpg) repeat-y;
}
#content {
	float:left;
	padding:32px 0 0 58px;
	background:url(images/fnd-content.jpg) no-repeat 0 0;
	width:897px;
}
.bloc-pres {
	float:left;
	width:333px;
	padding:0 18px 0 0;
}
.bloc-pres p{
	width:333px;
	text-align:justify;
}
.p-space-bas {
	padding:3px 0 20px 0;
}
.imag-pres-rght {
	float:right;
}
.imag-pres-lft {
	float:left;
}
.sarl {
	font-size:16px;
	clear:both;
	font-weight:bold;
	font-style:italic;
	padding:10px 0 5px 0;
	color:#FFFFFF;
}

/*-------------------contact---------------*/

#contenu-contact {
	width:955px;
	float:left;
	background:url(images/px-contenu-contact.gif) repeat-y;
}
#content-contact {
	float:left;
	padding:10px 0 0 48px;
	background:url(images/fnd-content-contact.jpg) no-repeat 0 0;
	width:907px;
}
#nota {
	float:right;
	font-size:10px;
	width:200px;
	margin:220px 50px 0 0;
	text-align:justify;
	display:inline;
}
#person {
	position:absolute;
	top:403px;
	left:440px;
}

#carte {
	float:left;
	margin:0 3px 0 0;

}
#contacter {
	float:left;
	padding:0 20px 40px 0;
}
#text-contact {
	position:absolute;
	top:337px;
	left:510px;
	background:url(images/fnd-contac.gif) no-repeat 82px 0;
	width:290px;
}
.contact {
	text-align:left;
	color:#A83123;
	font-size:12px;
	font-weight:bold;
	padding:13px 0 20px 40px;
}
.adres {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:0 0 10px 90px;
	line-height:20px;
}
#text-contact  span  {
	padding:0 0 5px 67px;
	font-weight:bold;
}
/******* formulaire *****/
#formulaire{
	float:left;
	width:290px;
	padding:0 0 20px 230px;
	color:#FFF;
	font-size:12px;
}

#formulaire form{
	display: inline;
}

#formulaire p{
	margin:0 0 3px 0; 
	width:290px;
	padding:0;
	float:left;
}
 
#formulaire span{
	float:left;
	clear:left;
}
 
 #formulaire .info{
	clear: both;
	text-align:right;
}
 
#formulaire em{
	color:#EB7C00;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #000;
	width:195px;
	height:18px;
	background-color:#FFF;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #000;
	width:195px;
	height:70px;
	background-color:#FFF;
}
#formulaire .bout{
	width: 147px;
	height:19px;
	border:none;	
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
}
/*------------------------MENTIONS LEGALES------------*/
#contenu-mentions {
	float:left;
	width:860px;
	padding:0 10px 20px 0;
	text-align:justify;
}
#contenu-mentions h2{
	padding:3px 0 10px 19px;
	color:#FFF;
	font-size:16px;
	clear:both;
	height:17px;
	background:url(images/puce1.gif) no-repeat 0 30%;
}

#contenu-mentions h3{
	color:#FFF;
	font-size:14px;
	background:url(images/puce.gif) no-repeat 0 68%;
	padding:10px 0 10px 20px;
}

/******************************/

#footer{
	width:955px;
	background: url(images/fnd-footer.gif) 0 0  no-repeat;
	text-align:center;
	color:#828282;
	font-size:10px;
	padding:45px 0 4px 0;
	clear: both;
}

#footer ul {
	padding-top:8px;
	color:#F6AF02;
}

#footer li {
	display:inline;
}

#footer li a{
	font-size:10px;
	padding:0 3px 0 3px;
	color:#F6AF02;	
}
#footer li a:hover{
	color:#000;	
}

/**************************************/
#footer2{
	width:900px;
	background: url(images/fnd-footer.gif) 0 0  no-repeat;
	color:#828282;
	font-size:10px;
	padding:55px 0 4px 55px;
	clear: both;
	line-height: 10px;
}

#footer2 ul {
	padding-top:8px;
	color:#F6AF02;
}

#footer2 li {
	display:inline;
}

#footer2 li a{
	font-size:10px;
	padding:0 3px 0 3px;
	color:#F6AF02;	
}
#footer2 li a:hover{
	color:#000;	
}
/*****************************************/

#toptech {
	padding-top:10px;
}

#toptech a{
	color:#939393;
	font-size:9px;
}

#toptech a:hover{
	color:#F6AF02;	
}

object {
	position:relative;
	top:5px;
	left:0px;
}

.marge {
	margin:5px 0 0 20px;
}