/* CSS Document */
body
{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_body.jpg) repeat-x left top #fff;
	color:#919191;
}
*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	padding:2px 0 5px 0;
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;	
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
img
{
	border:none;
}
/********************************************************************************/
#page
{
	margin:0 auto;
	width:955px;	
}
#header
{
	float:left;
	height:248px;
	width:955px;
	background:url(images/header.jpg) no-repeat 0 0;	
}
.logo
{
	float:left;
	padding:32px 0 0 61px;
}
.societe 
{
	float:right;
	padding:21px 19px 0 0;
}
/**********************************************MENU************************************************/
#menu
{
	float:left;
	width:212px;
	padding:45px 0 0 50px;
	clear:left;
	font-family:Georgia, "Times New Roman", Times, serif
}
#menu li{
	background:url(images/filet.jpg) no-repeat left bottom;
	padding:0 0 6px 0;
	margin:0 0 7px 0;
	font-weight:bold;
}
#menu a
{
	display:block;
	background:url(images/puce_gris.gif) no-repeat 1px;
	padding:0 0 0 24px;
	color:#989898;
	font-size:16px;
}
#menu a:hover,#menu li .active
{	
	background:url(images/puce_rouge.gif) no-repeat 1px;	
	color:#bb2222;
}
/***********************************Fin Menu********************************************/
.titre
{
	font-weight:bolder;
	font-size:18px;
	border-bottom:1px solid #8B8B8B;
	padding:0 0 2px 0;
	margin-bottom:17px;
	color:#4886B4;	
	font-family:Georgia, "Times New Roman", Times, serif;
}
.titre span
{
	font-size:22px;
}
/*****************************************************************************/
#content
{
	float:left;
	width:877px;	
	padding:16px 28px 20px 50px;
	background:url(images/px_content.jpg) repeat-y 27px 0;
}
.line
{
	line-height:20px;
}
#bloc1
{
	float:left;
	width:220px;	
	padding:0 0 0 0;
	color:#4886B4;
}
#bloc1 .titre
{
	background:url(images/flesh.jpg) no-repeat 129px 11px;	
}
.photo1
{
	padding:0 0 5px 0;
}
#bloc2
{
	float:left;
	width:636px;	
	padding:0 0 0 20px;
	color:#4886B4;
}
#diag
{
	width:289px;
	background:url(images/flesh.jpg) no-repeat 270px 11px;	
	padding:0 0 2px 0;
}
#prestation
{
	color:#000;
	margin:0;	
	clear:both;
}
#prestation .titre
{
	color:#000000;
	background:url(images/flesh_noir.jpg) no-repeat 117px 11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
}

.homme
{
	float:right;
	margin:10px 0 0 20px;
}
#cours
{
	float:right;
	width:305px;
	margin:0px 0 0 10px;
	padding:0 0px 0 0;	
	background:url(images/px_cours.jpg) repeat-y 0 0;
	color:#FFFFFF;
}
#cours a
{
	color:#FFFFFF;
}
#cours a:hover
{
	color:#8b8b8b;
}
#cours .bas
{
	float:left;
	clear:both;
}
#txt
{
	width:315px;
	background:url(images/cours.jpg) no-repeat 0 0;
	padding:12px 0 0 0;
	float:left;
}
.liste
{
	float:left;
	width:140px;
}
.liste2
{
	float:left;
	padding:0px 0 0 0;

}
.puce
{
	background:url(images/puce_blanc.jpg) no-repeat 21px;
	padding:0 0 0 40px;
	font-weight:bold;
	display:block;
	margin-bottom:6px;
	font-size:14px;	
	text-align:left;
	white-space:nowrap;
}

/***********************************DAGNOSTICS**********************************/

#bloc1_nav
{
	float:left;
	width:220px;	
	padding:0 0 0 0;
	color:#4886B4;
}
#bloc1_nav .titre
{
	background:url(images/flesh.jpg) no-repeat 129px 11px;	
}
#bloc1_nav a
{
	background:url(images/puce_bleu.jpg) no-repeat 0 3px;
	color:#4886B4;
	padding:0 0 0 20px;
	display:block;
}
#bloc1_nav a:hover
{
	color:#BB2222;
	background:url(images/puce_rouge.jpg) no-repeat 0 3px;
}
#diagnostic
{
	float:left;
	padding:0 0 0 20px;
	width:636px;

}
#diagnostic .img
{

padding:22px 11px 10px 0;
}
.bloc2_nav
{
	float:left;
	width:627px;	
	padding:0 0 0 0;
	font-size:12px;
	display:none;
	clear:left;
	line-height:20px;
}
.bloc2_nav .titre
{
	line-height:normal;
	margin-bottom:13px;
}
.bloc2_nav p span
{
	font-size:14px;
	color:#4886B4;
	font-weight:bold;
}
.bloc2_nav .titre span
{
	font-size:22px;
}
.visible
{
	display:block;
	float:left;
}
.puce_noir
{	
	font-weight:bold;	
	margin-bottom:0px;
	font-size:16px;
	text-align:left;
	font-family:"Times New Roman", Times, serif;	
}
/***********************************devis**********************************/
#content_devis
{
	float:left;
	width:857px;	
	padding:16px 48px 20px 50px;
	background:url(images/px_content.jpg) repeat-y 27px 0;
}

#content_devis .titre
{ 
	background:url(images/flesh.jpg) no-repeat 185px 11px;	
}
#bloc1_devis
{
	float:left;
	width:430px;	
	padding:0 0 0 0;
}

.type
{
	display:block;
	float:left;
	width:408px;/*384*/
}
.type .fonce
{	
	font-weight:bold;
	color:#4886B4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}

.case
{
	float:right;
	width:408px;/*408*/
	display:block;	
	font-size:11px;
	margin-bottom:10px;
}
.case input
{
	margin:0 3px 0 0;
	float:left;	
	background:none;
	width:15px;
	height:15px;
}
.case span
{
	float:left;
	padding:2px 5px 4px 0;
	font-weight:normal;
	
	white-space:nowrap;
	
}
#demande  .fonce
{
	width:168px;
	clear:both;
}

#demande span
{
	width:100px;	
}
.champ
{
	float:left;
	width:430px;
	padding:20px 0 0 0;		
} 
.champ p{
	width:430px;
	float:left;	
	padding:0 0 0 0;
}
.champ span{
	float:left;		
	padding:2px 0 0 4px;
	
	font-size:11px;
	font-weight:bold;	
} 
.champ input{
	float:right;	
	width:264px;
	height:21px;
	border:none;
	background:url(images/input_devis.jpg) no-repeat 0 0;
	padding:5px 8px 0 8px;
	
}
.champ textarea{
	float:right;
	width:262px;
	height:80px;
	border:#ccc solid 1px;
	padding:5px 5px 0 5px;
	margin: 2px 2px 0 0;
}
.champ .bout{
	width:106px;
	height:28px;
	border:none;
	float:right;
	background:#33FF00;	
	padding:0;
		
}
.champ em{
	color:#BB2222;		
}
.champ .rouge{
	color:#BB2222;	
	font-weight:bold;
	padding:0px 0 0 50px;	
	
}
#bloc2_devis
{
	float:left;
	width:406px;	
	padding:0 0 0 10px;

}

#droite {
	padding:0 0 0 0;
	width:408px;
}
#droite p{
	width:405px;
	float:right;	
	padding:0 0 0 0;
}
#droite .vos{
	font-weight:bolder;
	font-size:18px;
	border-bottom:1px solid #8B8B8B;
	padding:0 0 2px 0;
	margin-bottom:17px;
	color:#4886B4;	
	font-family:Georgia, "Times New Roman", Times, serif;

}

/***********************************Contact**********************************/
#plan
{
	float:left;
	width:220px;	
	padding:0 0 0 0;
}
#plan .titre
{
	background:url(images/flesh.jpg) no-repeat 158px 11px;	
}
#plan img
{
	display:block;
	cursor:pointer;
}
#coord
{
	float:left;
	width:290px;	
	padding:0 0 0 20px;
	color:#464F58;
}
#coord p
{
	display:block;
	font-weight:bold;
	text-align:left;
	font-size:14px;
	line-height:20px;
}
#coord p em
{
	font-style:normal;
	display:block;
	color:#4886B4;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}

#coord p .fax
{
	float:right;	
}

#coord .titre
{
	background:url(images/flesh.jpg) no-repeat 85px 11px;
	padding:0 0 2px 0;
	margin-bottom:26px;	
	line-height:normal;
	font-size:18px;
}
#coord .adresse
{
	background:url(images/adresse.jpg) no-repeat 1px 0;
	padding:0 0 19px 51px;	
}
#coord .tel
{
	background:url(images/mobile.jpg) no-repeat 1px 0;
	padding:0 0 23px 51px;	
}
#coord .aro
{
	background:url(images/aro.jpg) no-repeat 1px 0;
	padding:0 0 23px 51px;	
}
#coord .aro em
{
	padding-bottom:5px;
}

/***********************************Formulaire**********************************/
#formulaire
{
	float:left;
	width:309px;
	padding:0 0 0 20px;		
} 
#formulaire p{
	width:301px;
	float:left;	
	padding:0 0 0 8px;	
	color:#4886B4;
}
#formulaire .titre
{
	background:url(images/flesh.jpg) no-repeat 116px 11px;
	padding:0 0 2px 0;
	margin-bottom:17px;	
	line-height:normal;
	font-size:18px;
	
}
#formulaire form span{
	float:left;		
	padding:2px 0 0 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
} 
#formulaire input{
	float:right;	
	width:214px;
	height:21px;
	border:none;
	background:url(images/input.jpg) no-repeat 0 0;
	padding:5px 8px 0 8px;
	
}
#formulaire textarea{
	float:right;
	width:212px;
	height:101px;
	border:#ccc solid 1px;
	padding:5px 5px 0 5px;
	margin: 2px 2px 0 2px;
}
#formulaire .bout{
	width:106px;
	height:28px;
	border:none;
	float:right;
	background:none;
	padding:0;
		
}
#formulaire em{
	color:#BB2222;		
}
#formulaire .rouge{
	color:#BB2222;
	font-weight:bold;
	text-align: right;
}
/***********************************Mention**********************************/
.contenuMention{
	float:left;
	width:857px;	
	padding:16px 48px 20px 50px;
	background:url(images/px_content.jpg) repeat-y 27px 0;
}
.contenuMention p{
	 padding:4px 80px 4px 0;
	 line-height:17px;
	 text-align:justify;	 	
}
.contenuMention .titre
{
	background:url(images/flesh.jpg) no-repeat 165px 11px;
	padding:0 0 2px 0;
	margin-bottom:17px;	
	line-height:normal;
	font-size:18px;
}
.contenuMention .fonce
{
	color:#BB2222;
	font-weight:bold;
	font-size:14px;
}
.contenuMention strong
{
	color:#666666;
}


/*********************************Footer************************************************/
#footer{	
	width:898px;
	color:#fff;
	text-align:center;	
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	margin:0 auto;			
	clear:both;
		
}
#footer p
{
	font-size:11px;
	text-align:center;
}
#footer object
{
	position:relative;
	top:6px;
}
#navigation{		
	color:#fff;
	padding:12px 0 8px 0;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#fff;	
}
#navigation a:hover,#navigation .active{
	color:#d2ff00;
}
#footer #toptech {		
	text-align:center;
	padding:20px 0 0 0;
	margin:0;	
}
#toptech a{
	color:#4886B4;
	font-size:10px;
	outline:none;
}
#toptech a:hover{
	color:#000;	
}