/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/px_body.jpg) repeat-x #ECE3CB;
	color:#000;
}
.body-int {
	background: url(images/px_body_int.jpg) repeat-x #ECE3CB;
}

h2, h3 , h4 , h5, p {	
	display:block;
	margin:0;
	padding:0 0 4px 0;
}


ul, li{
	padding:0;
	margin:0;
}

ul  {
	list-style:none;
}


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


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


}


.clear {
	clear:both;
	font-size:0;
}
.align-gche {
	float:left;
}
.align-right {
	float:right;
}
.gras {
	font-weight:bold;
}
.marge {
	padding:20px 0;
}
/************************/
#page {
	width:955px;
	margin:0 auto;	
}

#header-ul {
	list-style-type:none;
	font-weight:bold;
	padding:0 20px 0 0;
	float:right;
	font-size:10px;
	color:#653D08;
}


 
#header-ul li {
	display:inline;
}
 
 
#header-ul li a{
	color:#653D08;
	
}
 
#header-ul li a:hover{
	color:#456CB7;
}
/*--------------------Index------------------*/
#header-ind {
	background:url(images/header-ind2.jpg) no-repeat 0 0;
	width:905px;
	height:482px;
	padding-left:50px;
	position:relative;


}
.logo{
	margin:13px 0 0 20px;
		
}
.logo2{
	margin:10px 0 0 280px;
		
}
.bloc-act {
	width:265px;
	float:left;
	margin:13px 70px 0 0;
}
.act-ttre {
	background:url(images/mac_font.png) no-repeat;
		_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mac_font.png', sizingMethod='crop');
	width:259px;
	height:34px;
	font-size:14px;
	color:#fff;	
	padding:2px 0 0 6px;
	line-height:16px;
}
.actual-ind {
	background:url(images/act_font.png) no-repeat;
			_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/act_font.png', sizingMethod='crop');
	margin-top:7px;
	width:255px;
	padding:10px 0 7px 10px;
	color:#fff;

}
.actual-ind img{
	float:left;
	padding:0 6px 6px 0;
}
.actual-ind p {
	clear:left;
}
.ensavoir {
	background:url(images/ensavoir.png) no-repeat;
				_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ensavoir.png', sizingMethod='crop');
	padding:0 0 0 6px;
	width:66px;
	height:16px;
	font-size:10px;
	line-height:16px;
}
.ensavoir a{
	color:#fff;
	position:relative;
}
.ensavoir a:hover{
	color:#000;
}
.separ-act {
	margin:8px 0 8px 0;
}
.voir {
	width:211px;
	height:26px;
	background:url(images/voir_font.png) no-repeat 0 0;
					_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/voir_font.png', sizingMethod='crop');
	padding:0 0 0 10px;
	font-weight:bold;
	line-height:26px;

}
.voir a{
	background:url(images/puce1.gif) no-repeat  0 9px;
	padding:0 0 0 20px;
	display:block;
	color:#050061;
	font-size:10px;
	position:relative;
	}
.voir a:hover{
	color:#5A6994;
}
.raval {
	float:left;
	margin-top:160px;
	margin-right:180px;
	color:#fff;
	font-size:18px;
	width:152px;
	height:88px;
	padding:41px 0 0 24px;
	background:url(images/rav_font.png) no-repeat 0 0;
					_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rav_font.png', sizingMethod='crop');
}
.ensav1 {
	background: url(images/puce.gif) no-repeat 0 4px;
	color:#fff;
	margin-top:10px;
	font-size:12px;
}
.ensav1 a{
	color:#fff;
	margin-left:10px;
	border-bottom:1px solid #fff;
	width:66px;
	position:relative;
}
.ensav1 a:hover{
	color:#FED989;
	border-bottom:1px solid #FED989;
}
.macon {
	float:left;
	margin-top:10px;
	color:#fff;
	font-size:18px;
	width:152px;
	height:113px;
	padding:16px 0 0 24px;
	background:url(images/macon_font.png) no-repeat 0 0;
					_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/macon_font.png', sizingMethod='crop');
}

.contenu-ind {
	background:url(images/contenu-ind.jpg) no-repeat #ECE3CB;
	padding:0 0 0 0;
	width:955px;

}

.menu {
	padding:6px 0 0 112px;
	width:600px;



}
.menu ul {
	list-style-type:none;
	padding:0;
	color:#000;
	
}
.menu li {
	text-decoration: none;

	float:left;
}
.menu li a {
	display:block;
	margin-left:7px;
	cursor:pointer;
	height:18px;
	text-align:center;
	padding-top:30px;


}
.menu li a:hover {
	color:#4E5776;


}

.menu li.acc a{
	background:url(images/acc-off.jpg) no-repeat left top;
	width:78px;
	

}
.menu li.acc a:hover{
	background:url(images/acc-on.jpg) no-repeat left top;


}
.menu li.accactif a{
	background:url(images/acc-on.jpg) no-repeat left top;
	width:78px;
	color:#4E5776;
}
.menu li.maco a{
	background:url(images/mac-gen-off.jpg) no-repeat left top;
	width:150px;
	

}
.menu li.maco a:hover{
	background:url(images/mac-gen-on.jpg) no-repeat left top;


}
.menu li.macoactif a{
	background:url(images/mac-gen-on.jpg) no-repeat left top;
	width:150px;
	color:#4E5776;
}
.menu li.rav a{
	background:url(images/rav-off.jpg) no-repeat left top;
	width:150px;
	

}
.menu li.rav a:hover{
	background:url(images/mac-gen-on.jpg) no-repeat left top;


}
.menu li.ravactif a{
	background:url(images/mac-gen-on.jpg) no-repeat left top;
	width:150px;
	color:#4E5776;
}
.menu li.real a{
	background:url(images/real-off.jpg) no-repeat left top;
	width:88px;
	

}
.menu li.real a:hover{
	background:url(images/real-on.jpg) no-repeat left top;


}
.menu li.realactif a{
	background:url(images/real-on.jpg) no-repeat left top;
	width:88px;
	color:#4E5776;
}

.menu li.cont a{
	background:url(images/cont-off.jpg) no-repeat left top;
	width:82px;

}
.menu li.cont a:hover{
	background:url(images/cont-on.jpg) no-repeat left top;

}
.menu li.contactif a{
	background:url(images/cont-on.jpg) no-repeat left top;
	color:#4E5776;
	width:82px;
}
.ind-left {
	width:484px;
	float:left;
	color:#653D08;
	padding:14px 23px 0 122px;
}
.ind-left-ttre {
	color:#5B3E18;
	font-size:14px;
	background:url(images/puce2.gif) no-repeat 4px 14px;
	border-bottom:1px solid #fff;
	padding:10px 0 5px 26px;
	font-weight:bold;
	margin-bottom:10px;
}
.ind-left-ttre span{
	color:#fff;
}

.projet {
	width:164px;
	height:83px;
	float:left;
	padding:33px 0 0 20px;
	background:url(images/devis.png) no-repeat;
	_background:none;


	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/devis.png', sizingMethod='crop');
	margin-right:14px;
	margin-top:0px;
	margin-bottom:20px;
}
.projet-ttre {
	color:#5B3E18;
	font-size:13px;
	font-weight:bold;
	
}
.contac {
	color:#384C84;
	font-size:13px;
	font-weight:bold;
	padding:5px 0 10px 0;
}
.moteur {
	position:absolute;
	left: 704px;
	top: 430px;
}
.ffb {
	float:left;
	margin-top:45px;
}
#charte.ind-left-ttre {
	width:355px;
	margin-left:122px;
	clear:left;


}
.charte-p {
float:left;
padding:0 38px 0 122px;
width:377px;
text-align:justify;
line-height:17px;
}
.charte-p1 {
float:left;
width:377px;
padding-bottom:20px;
text-align:justify;
}
/*---------------------Maçonnerie générale---------------*/
#header-int {
	background:url(images/header-int.jpg) no-repeat 0 0;
	width:905px;
	height:152px;
	padding-left:50px;
	position:relative;


}
.moteur1 {
	position:absolute;
	left: 696px;
	top: 88px;
}
.vehicule {
	position:absolute;
	left: 705px;
	top: 66px;
}

.support {
	height:300px;
	float:left;
}
.siteencours {
float:left;
padding:50px 0 0 122px;

}
/*----------------Ravalement-----------------------*/
.int-left {
	width:484px;
	float:left;
	color:#653D08;
	padding:22px 23px 0 72px;
	text-align:justify;
	line-height:18px;
}
.diapo {
display:block;
}
.diapo img {
border:1px solid #fff;
}
.int-left a{
	color:#653D08;
}
.int-left a:hover{
	color:#fff;
}
.sstitre {
	background:url(images/puce3.gif) no-repeat 0 4px;
	padding:0 0 4px 16px;
}
#simul.sstitre {
	background:url(images/puce3.gif) no-repeat 0 24px;
	padding-top:20px;
}
.parex {
	float:left;
	margin-right:10px;
}
.service {
	float:left;
	width:140px;
}
.raval-right p.simul-fac {
	background:url(images/simul-fac.gif) no-repeat;
	padding:2px 0 0 1px;
	width:118px;
	height:34px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
	float:left;

}
.img-int1 {
	float:left;
	margin-top:10px;
}
.simul-fac a{
	color:#fff;
}
.simul-fac a:hover{
	color:#ECE3CB;
}
.raval-right {
	float:left;
	width:290px;
	padding:50px 0 0 30px;
}
.raval-therm {
	float:left;
	width:290px;
	padding:22px 0 0 30px;
	color: #653D08;
}
.rightindex {
	margin:30px 0 0 0;
}
.ing-int2 {
	float:left;
	margin-right:20px;
}
.simul1-fac {
margin:10px 0 10px 0;
}

.raval-right p{
	width:290px;
}
.nv-facade a{
	color:#000;
}
.nv-facade a:hover{
	color: #D2A15F;
}
.raval-right p.grp-img {
	background:#5B3E18;
	height:127px;
	width:270px;
	padding:15px 0 0 20px;
	margin:4px 0 20px 0;
}
.grp-img img{
	margin:0 14px 10px 0;
	float:left;
	cursor:pointer;
}

/*-----------------------Actualités----------------------*/
.ouvert {
	color:#DB2D19;
	padding:0 0 10px 0;
	}
.act-top-left {
	float:left;
	width:460px;
	padding:0 0 100px 70px;
	margin:20px 20px 0 0;
	color:#DB2D19;

	
}
.act-top-left img {
margin:0 10px 10px 0;
float:left;

}
.act-txt {
color:#000;
} 
.act-top-left-titre {
	font-size:16px;
	font-weight:bold;
	background:url(images/puce7.gif) no-repeat 0 3px;
	padding:0 0 10px 26px;
	color:#A71C1B;
	
}
.rightactu {
	width:320px;
	float:left;
	margin:20px 0 0 0;
	padding:0 0 0 40px;
	border-left:2px #fff solid;
	color:#DB2D19;
}
.rightactu a {
	color:#A71C1B;
}
.rightactu a:hover {
	color:#DB2D19;
}

/*-----------------------Contact------------------*/
.cont-left {
	width:484px;
	float:left;
	color:#653D08;
	padding:22px 23px 20px 72px;
	text-align:justify;
}
.carte {
	border:1px solid #fff;
	margin:4px 0 0 6px;
}
.cont-left-p {
	padding:0 0 4px 8px;
}
.adresse {
	width:220px;
	float:left;
	font-size:15px;
	padding:20px 20px 0 8px;
	float:left;
}
.adresse span{
	font-size:20px;
	font-weight:bold;
}
.tele {
	width:220px;
	float:left;
	font-size:16px;
	padding:10px 0 0 0;
	float:left;
	text-align:left;
}
.tele span{
	position:relative;
	top:4px;
}
/*------------------------------------CSS formulaire-----------------------------------*/
.formulaire p.demander {
	color:#653D08;
	padding:20px 0 28px 0;
}
.formulaire {
	 float:left;
	 background:  url(images/formulaire.gif) no-repeat 0 85px;
	 width:272px;
	 padding:14px 0 0 40px;
	 color:#556FA0;
	 margin-top:20px;
}
.formulaire p.formulaire-titre {
	 color:#556FA0;
	 font-size:15px;
	 font-weight:bold;
	 padding:0 0 20px 20px;
	 margin-bottom:0;
	 background:url(images/puce4.gif) no-repeat 0 3px;
 }

.formulaire p {
	margin:0 0 7px 0;
	width:248px;
	padding:0 0 0 0;
	float:left;

}

.formulaire form {
	margin-top:24px;
}

.formulaire span {
	float:left;
	clear:left;
	font-size:12px
}
.formulaire .info {
	clear: both;
	text-align:left;
	margin-top:16px;


}
.formulaire em {
	 color:#556FA0;
}
.formulaire .question {
	padding-top:10px;
}
.formulaire input {
	float:right;
	width:153px;
	height:17px;
	background:#fff;
	color:#13417e;
	border:none;

}
.formulaire textarea {
	float:right;
	height:50px;
	width:153px;
	overflow:hidden;
	background:#fff;
	color:#13417e;
	border:none;
}
.formulaire .bout {
	width:87px;
	height:18px;
	border:none;
	background:none;
	margin-top:4px;
}
.rouge {
	 color:#556FA0;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
	width:260px;
	padding-right:53px;
}

/*---------------Mentions Légales------------*/
#contenu-ment {
	background:url(images/contenu-ind.jpg) no-repeat #ECE3CB;
	padding:0 0 10px 0;
	width:955px;
}

#contenu-ment p{
	clear:left;
	padding-left:100px;
	padding-right:100px;
	text-align:justify;

}

#contenu-ment p.contenu-mentions-h2 {
	width:802px;
	font-size:22px;
	font-weight:bold;
	padding:20px 0 10px 0;
	color:#DB2D19;
}

#contenu-ment p.contenu-mentions-h3 {
	font-size:14px;
	background:url(images/puce1.gif) no-repeat 0 14px;
	padding:10px 0 6px 20px;
	font-weight:bold;
	color:#0360B1;
	margin-left:100px;

}

#contenu-ment p.mentions-ttre {
	color:#5B3E18;
	font-size:14px;
	background:url(images/puce2.gif) no-repeat 0 3px;
	border-bottom:1px solid #fff;
	padding:0 0 5px 20px;
	font-weight:bold;
	margin:20px 100px 10px 90px;

	
}


/*-----------------------CSS footer------------------------*/
#footer {
	width:955px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url(images/fnd-footer.jpg) no-repeat 0 0;
	color:#523816;
	clear:left;
	
}

#footer ul {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:2px 0 0 0;
	
}


 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#fff;
	
}
 
#footer li a:hover{
	color:#523816;
}



#footer object{
	position:relative;
	top:5px;
}


#logo_top {
	clear:both;
	font-size:10px;
	text-align:center;
	padding: 10px 0;



} 

#logo_top a{
	color:#523816;
	

}

#logo_top a:hover{
	color:#A71C1C;
}