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

}


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


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

ul  {
	list-style:none;
}


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


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


}

.align-gche {
	float:left;
}
.align-right {
	float:right;
}
.gras {
	font-weight:bold;
}
.clr {
	clear:both;
	font-size:0;
}
/************************/
#page {
	width:955px;
	margin:0 auto;
	
}
.logo {
	position:absolute;
	left: 40px;
	top: 30px;
}
.slogan {
padding:96px 84px 0 104px;
float:left;
color:#2479bb;
width:176px;
font-weight:bold;
}
.slogan-img{
margin-bottom:14px;
}



#contenu {
	width:955px;
	background:url(images/header.jpg) no-repeat 0 0 #fff;
	position:relative;
	float:left;



}

#header-ul {
	list-style-type:none;
	float:left;
	font-weight:bold;
	padding:0 0 0 40px;
	font-size:10px;
	color:#fff;
	height:17px;
	width:915px;
	background: url(images/menu-top.jpg) no-repeat;
}


 
#header-ul li {
	display:inline;
}
 
 
#header-ul li a{
	color:#fff;
	
}
 
#header-ul li a:hover{
	color:#fdc800;
}

.menu {
	float:left;
	padding:30px 0 0 30px;
	width:510px;

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



}
.menu li a {
	float:left;
	text-align:right;
	margin-left:15px;
	cursor:pointer;
	background:url(images/acc-off.gif) no-repeat;
	width:101px;
	height:25px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:25px;
	padding-right:10px;
}


.menu li a:hover{
	color:#fff;
	background:url(images/acc-on.gif) no-repeat;


}
.menu li.actif a {
	background:url(images/acc-on.gif) no-repeat;

}

/*-------------------------Index---------------*/
.header-content {
	float:left;
	width:561px;
	height:245px;
	background:url(images/header-content.jpg) no-repeat 0 0;	
	
}

.header-h2 {
color:#02355d;
font-size:16px;
padding-bottom:6px;

}
.header-h3 {
color:#2479bb;
font-size:14px;
padding-bottom:20px;
}

.header-content-left {
width:344px;
float:left;
padding:64px 15px 0 17px;
text-align:justify;
}
.ind2 {
float:right;
margin:0 0 0 7px;
border:2px solid #4293CA;
}
.ind1 {
float:left;
margin:18px 0 8px 0;
border:2px solid #4293CA;
}
.nos-real {
background:url(images/nos-real.jpg) no-repeat;
width:169px;
height:101px;

float:left;
}
.voir {
font-size:18px;
color:#24679b;
background:url(images/puce.gif) no-repeat 20px 33px;
padding:30px 0 0 48px;
}
.voir a{
font-size:18px;
color:#24679b;
}

.realis {
font-size:14px;
color:#02355d;
padding:6px 0 0 50px;
font-weight:bold;
}

.realis a{
font-size:14px;
color:#02355d;
}
.realis a:hover {
	color:#308BD2;
	
}

.peintre {
	position:absolute;
	left: 521px;
	top: 282px;
} 
.peintre1 {
	position:absolute;
	left: 326px;
	top: 354px;
}
.ind-left {
	width:273px;
	float:left;
	background:url(images/ind4.jpg) no-repeat 20px 100%;
	padding:170px 0 40px 210px;
}
.ind-left p{
	background:url(images/puce3.gif) no-repeat 0 2px;
	padding:0 0 10px 17px;
	font-weight:bold;
	color:#05547A;
	font-size:12px;
}
.peintre-bio {
	float:left;
	margin:174px 50px 0 0;
}
.ind-right-tp {
	width:245px;
	float:left;
	background: url(images/pres-tp.jpg) no-repeat 0 0;

}
.ind-right {
	width:245px;
	float:left;
	background: url(images/px-ind-right.jpg) repeat-y ;
	margin-top:48px;
}
.ind-right-h3 {
	color:#fff;
	font-size:14px;
	padding:28px 0 40px 95px;
}
.ind-right p{
	background:url(images/puce3.gif) no-repeat 8px 2px;
	padding:0 23px 10px 25px;
	font-weight:bold;
	color:#05547A;
	font-size:12px;
}
.ind-right p.voirpres {
color:#02355d;
padding:6px 0 0 36px;
font-weight:bold;
background:url(images/puce.gif) no-repeat 8px 6px;

}

.voirpres a{
color:#02355d;
}
.voirpres a:hover {
	color:#308BD2;
	
}
.qual {
float:right;
margin-right:10px;
}
/*-------------------------Prestations------------------------------*/
.header-content-pres {
	float:left;
	width:531px;
	height:261px;
	background:url(images/header-content-pres.jpg) no-repeat 0 0;	
	padding:64px 15px 0 15px;
}
.prest1 {
	float:left;
	border:2px solid #4293CA;
}
.pres-left {
	width:335px;
	float:left;
	padding:30px 0 20px 20px;
}
.pres-left p{
background:url(images/puce3.gif) no-repeat 10px 2px;
padding:0 0 10px 23px;
color:#000;

}
.pres-h3 {
color:#2479bb;
font-size:14px;
padding:14px 0 6px 29px;
background:url(images/puce.gif) no-repeat 0 13px;
}
.pres-right {
	width:335px;
	float:left;
	padding:30px 0 20px 80px;
}
.selh {
	position:absolute;
	left: 795px;
	top: 490px;
}
.selh1 {
	position:absolute;
	left: 792px;
	top: 396px;
}
.real-h3 {
color:#2479bb;
font-size:14px;
padding:30px 0 20px 29px;
background:url(images/puce.gif) no-repeat 0 29px;
}



/*-----------Diaporama----------------*/
#bloc-diapo { 
width:550px; 
float:left; 
padding:10px 0 0 28px;
 
} 
#bloc-diapo1 { 
width:830px; 
float:left;
padding:10px 0 0 0;
clear:left;



} 
#bloc-diapo1 img { 
margin:0 21px 16px 0;
float:left;
border:1px solid #cf7604;
}
#bloc-diapo1 img.nnmarg {
margin:0 0 14px 0;
border:1px solid #cf7604;
float:left;
cursor:pointer;
}
#bloc-diapo img { 
margin:0 4px 3px 0;
border:1px solid #cf7604;
cursor:pointer;
}
.img-big { 
float:right;
margin:50px 150px 0 0;
border:1px solid #cf7604; 
} 

/*--------------------------Contact--------------------*/
.contacter {
background:url(images/fnd-contacter.jpg) no-repeat;
width:464px;
height:93px;
padding:42px 12px 0 12px;
}
.contact-p {
width:140px;
float:left;
font-size:14px;
color:#FFFFFF;
line-height:20px;
padding-top:5px;
}
#tel.contact-p {
width:300px;

}
.sep {
padding:0 10px 0 10px;
float:left;
}
#tel.contact-p span{
	position:relative;
	top:5px;
}
.selh2 {
	position:absolute;
	left: 315px;
	top: 253px;
}
#contac.header-content-pres {
	width:525px;
	padding:64px 0 0 36px;
}
.cont-left {
	width:620px;
	float:left;
	padding:50px 0 20px 20px;
}
.cont-h3 {
color:#02355d;
font-size:14px;
padding:0 0 20px 0;

}
/*------------------------------------CSS formulaire-----------------------------------*/

.formulaire{
	width:580px;
	float:left;
	padding:70px 40px 20px 20px;
	color:#277CBC;
	font-weight:bold;
}

.formulaire p{
		margin:0 0 4px 0; 
		width:240px;
		padding:0;
		float:left;
		clear:left;
}

.formulaire p.bouton{
	clear:none;
	float:right;
	width:40px;
	margin-top:60px;
} 
.formulaire span{
		float:left;
		clear:left;
		font-size:11px;
}
 
.formulaire .info{
		clear: both;
		text-align:right;
}

 
 
.formulaire em{
		color: #FF0000;
}

.formulaire .question{
		padding-top:10px;
}
 
.formulaire input{
		float:right;
		width:178px;
		height:14px;
		background:#fff;
		color:#000;
		border:1px solid #02355D;
}
 
.formulaire textarea{
		float:right;
		height:39px;
		width:178px;
		overflow:hidden;
		background:#fff;
		color:#000;
		border:1px solid #02355D;
}
.formulaire .bout{
		width:36px;
		height:24px;
		border:none;
		float:right;
	
}

.formulaire .rouge{
		color: #FF0000;
		display:block;
		font-weight:bold;
		float:left;
		padding-top:5px;
		
}
.form2 {
	float:left;
	padding-left:40px;
	width:243px;
}

.carte {
	float:left;
	margin:44px 0 0 0;
	border:2px solid #4293CA;
}
/*---------------Mentions Légales------------*/
#contenu-ment {
	width:875px;
	padding:40px 40px 20px 40px;
	float:left;

}
#contenu-ment p {
	padding:0 20px 6px 0;
	text-align:justify;
	line-height: 16px;

}
#contenu-ment p.contenu-mentions-h2 {
	width:590px;
	font-size:18px;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#02355d;
}

#contenu-ment p.contenu-mentions-h3 {
	font-size:15px;
	background:url(images/puce1.gif) no-repeat 0 13px;
	padding:10px 0 6px 25px;
	font-weight:bold;
	color:#2479bb;

}

.casq  {
margin:0 auto;
margin:0 0 0 120px;

}
.ouvr-contact {
float:left;
margin-top:12px;
}


/*-----------------------CSS footer------------------------*/
#footer {
	width:955px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	padding-top:7px;
	height:151px;

}
#footer-big {
	background: url(images/px-footer.jpg) repeat-x #065DA2;
	width:100%;
}

#footer ul {
	list-style-type:none;
	font-size:11px;
	color:#308BD2;
	padding:8px 0 20px 0;
	
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#308BD2;
	
}
 
#footer li a:hover{
	color: #fff;
}

#footer p{
	font-size:11px;
}

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


#logo_top {
	text-align:center;
	line-height:20px;

} 


#logo_top a{
	font-size:9px;
	border:none;
	color:#308BD2;

}

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