/* CSS Document */
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#FFFFFF;	
}

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

p {
	padding:3px 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;	
}
/********************************************************************************/
.bg_acc
{
	background:url(images/bg_acc.jpg) repeat-x left top #C1C5C7;	
}
#page
{
	margin:0 auto;
	width:955px;	
}
#header_acc
{
	float:left;
	height:406px;
	width:955px;
	padding:0 0 0 0;
	background:url(images/header_acc.jpg) no-repeat 0 0;
}
#header_acc .logo_acc
{
	float:left;
	margin:42px 0 34px 0;	
}
/******************************Menu*******************************************/
#menu
{
	
	float:left;	
	padding:0 0 0 383px;
	color:#FFFFFF;
	width:212px;	
}

#menu ul
{
	clear:left;				
}
#menu li a
{				
	display:block;		
	height:23px;
	padding:0 0 22px 0;
	
}	
#menu #acc a
{
	background:url(images/acc_normal.png) no-repeat left 0;
	width:63px;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/acc_normal.png');
	margin-left:72px;	
}
#menu #acc a:hover,#menu #acc .active
{
	background:url(images/acc_hover.png) no-repeat left top;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/acc_hover.png');
}
#menu #prestations a
{
	background:url(images/prestation_normal.png) no-repeat left top;
	width:92px;
	margin-left:58px;
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/prestation_normal.png');		
}
#menu #prestations a:hover,#menu #prestations .active
{
	background:url(images/prestation_hover.png) no-repeat left top;
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/prestation_hover.png');
}
#menu #references a
{
	background:url(images/reference_normal.png) no-repeat left top;
	width:90px;	
	margin-left:59px;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/reference_normal.png');
}
#menu #references a:hover,#menu #references .active
{
	background:url(images/reference_hover.png) no-repeat left top;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/reference_hover.png');	
}
#menu #contact a
{
	background:url(images/contact_normal.png) no-repeat left top;
	width:65px;
	margin-left:72px;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/contact_normal.png');
	padding:0;
}
#menu #contact a:hover,#menu #contact .active
{
	background:url(images/contact_hover.png) no-repeat left top;		
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/contact_hover.png');
}


/****************************Content***************************************/
#content
{
	width:955px;
	float:left;	
}
#bloc1
{
	float:left;
	width:213px;
	padding:0 0 0 16px;
} 
#bloc1 .photo1
{
	float:right;
	margin-right:21px;
}
#bloc1 h3
{
	font-size:16px;
	background:url(images/puce_blanc.gif) no-repeat left 10px #2F3A40;
	padding:8px 0 5px 14px;
}
#bloc1 p
{
	padding:4px 10px 0 0;	
}
#bloc2
{
	float:left;
	width:350px;
	padding:0;
} 
#bloc2 p
{
	padding:0px 10px 0 0px;
	line-height:18px;	
}
#bloc2 .txt_bloc2
{
	background:url(images/pixel_bloc2.jpg) repeat-x left top #979FA1;
	float:left;
	width:340px;
	padding:0px 0px 0 10px;
	line-height:18px;	
}
#bloc2 .txt_bloc2 h4
{
	font-size:14px;		
	background:url(images/puce_orange.gif) no-repeat left 3px;
	padding:0 0 0 15px;
	margin:10px 0;
}
#bloc2 .personne
{
	background:#556164;
	color:#FF8803;
	font-size:16px;	
	font-weight:bold;
	padding:7px 0 6px 23px;
	float:left;
	width:324px;
}
#bloc2 .personne img
{
	float:right;
	padding:0 26px 0 0;
}
#bloc2 .personne a
{
	color:#FF8803;
}
#bloc2 .personne a:hover
{
	color:#fff;
}
#bloc2 .photo2
{
	float:right;
	margin:20px 0 0 10px;
}
#bloc2 .auto
{
	clear:left;
	text-align:right;
	padding:3px 0 0 0;
	font-weight:bold;	
}
#bloc3
{
	float:left;
	width:375px;
	padding:0;
} 
#bloc3 .photo3
{
	float:right;
	margin: 0 30px 14px 4px;
}
#bloc3 p
{
	padding:2px 0 0 4px;		
	line-height:18px;
}
#bloc3 .txt
{

	width:375px;	
	background:#556164;
	padding:20px 0 15px 0;
}
#bloc3 .car
{
	float:left;
	margin: 11px 8px 4px 13px;
}
#bloc3 .plus
{	
	padding-top:20px;		
}
/****************************************************************************************/
.bg_nav
{
	background:url(images/bg_nav.jpg) repeat-x left top #C1C5C7;
}
#header_nav
{
	float:left;
	height:158px;
	width:955px;
	padding:0 0 0 0;
	background:url(images/header_nav.jpg) no-repeat 0 0;
}
#header_nav .logo_nav
{
	float:right;
	margin:10px 394px 2px 0;	
}
/******************************Menu_nav*******************************************/
#menu_nav
{	
	float:left;	
	padding:0 0 0 303px;
	color:#FFFFFF;
	width:400px;	
}
#menu_nav li
{
	float:left;			
}
#menu_nav li a
{				
	display:block;	
	height:23px;
	padding:0 0 0 0;
}
#menu_nav #acc a
{
	background:url(images/acc_normal.png) no-repeat left top;
	padding-right:10px;
	width:63px;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/acc_normal.png');
}
#menu_nav #acc a:hover,#menu_nav #acc .active
{
	background:url(images/acc_hover.png) no-repeat left top;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/acc_hover.png');
}
#menu_nav #prestations a
{
	background:url(images/prestation_normal.png) no-repeat left top;
	padding-right:16px;
	width:92px;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/prestation_normal.png');
}
#menu_nav #prestations a:hover,#menu_nav #prestations .active
{
	background:url(images/prestation_hover.png) no-repeat left top;
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/prestation_hover.png');
}
#menu_nav #references a
{
	background:url(images/reference_normal.png) no-repeat left top;
	padding-right:18px;
	width:90px;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/reference_normal.png');	
}
#menu_nav #references a:hover,#menu_nav #references .active
{
	background:url(images/reference_hover.png) no-repeat left top;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/reference_hover.png');	
}
#menu_nav #contact a
{
	background:url(images/contact_normal.png) no-repeat left top;
	width:65px;	
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/contact_normal.png');
}
#menu_nav #contact a:hover,#menu_nav #contact .active
{
	background:url(images/contact_hover.png) no-repeat left top;		
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/contact_hover.png');
}

/***************************************************/
.mobile
{
	float:left;
}
#content h4
{
	font-size:14px;		
	background:url(images/puce_orange.gif) no-repeat left 3px;
	padding:0 0 0 14px;
	margin:6px 0 6px 0;
}
#content h5
{
	font-size:13px;		
	padding:5px 6px 5px 0;
	color:#DF6300;	
}
#bloc1_pres
{
	float:left;
	width:472px;
	background:url(images/main_mob.jpg) no-repeat  right top #2A3031;
	padding:44px 0 0 5px;
	height:204px;
}

.form
{
	background:url(images/form1.gif) no-repeat left 3px;
	padding:0 0 0 14px;
	margin:0 0px 20px 0;
	font-weight:bold;
}

.form2
{
	padding:0 0 0 14px;
	margin:0 0px 20px 0;
	font-weight:bold;
}

#bloc2_pres
{
	float:left;
	width:213px;
	padding:0 0 0 16px;
} 
#bloc2_pres .photo1
{
	float:right;
	
}
#bloc2_pres p
{
	text-align:left;
	padding:2px 0 3px 6px;
}
.puce,#bloc2_pres .puce
{
	background:url(images/puce_carre.gif) no-repeat left 6px;
	padding:0 0 0 12px;
	text-align:left;
	margin:0 0 6px 5px;	
}
#bloc3_pres .puce2
{
	background:url(images/puce_carre.gif) no-repeat 5px 6px;
	padding:0 0 10px 20px;
	margin:0;	
}
#bloc2_pres h3
{
	font-size:16px;
	background:url(images/puce_blanc.gif) no-repeat left 10px #2F3A40;
	padding:8px 0 5px 14px;
}
#bloc3_pres
{
	float:left;
	width:350px;
	padding:4px 0 0 0;
	background:url(images/pixel_bloc_pres.jpg) repeat-x left top #A9AEB1; 
	margin-right:2px;
	
} 
#bloc3_pres h4
{
	font-size:14px;		
	background:url(images/puce_orange.gif) no-repeat 0px 5px;
	padding:3px 0 8px 14px;
	margin:6px 0 6px 0;
}
#bloc3_pres p
{	
	text-align:left;
	padding:0 10px 0 12px;
	margin-bottom:7px;
	
}
#bloc3_pres .contacter
{	background:#556164;
	color:#FF8803;
	font-size:16px;	
	font-weight:bold;
	padding:7px 0 6px 23px;
	position:relative;
	float:left;
	width:327px;
}
.contacter a{	
	color:#FF8803;
}
.contacter a:hover{	
	color:#fff;
}
#bloc3_pres .photo2
{
	position:absolute;
	top: -233px;
	right:0px;	
}
#bloc3_pres .auto
{
	text-align:right;
	padding:3px 0 0 0;
	font-weight:bold;	
} 
#bloc3_pres .haut
{
	width:0;
	height:230px;
	
}
#bloc4_pres
{
	float:left;
	width:330px;
	padding:18px 0 0 9px;	
} 
#bloc4_pres .photo5
{
	float:left;
	padding:0 8px 4px 0;
}
#bloc4_pres .flic
{
	float:right;
}
#bloc4_pres p
{
	text-align:left;
}
#bloc4_pres .moyen
{
	background-position:86px;
	padding-left:98px;	
}
/*********************************REFERENCES************************************************/
#bloc1_ref
{
	float:left;
	width:472px;
	background:url(images/main_mob.jpg) no-repeat  right top #2A3031;
	padding:44px 0 0 5px;
	height:204px;
}
#bloc2_ref
{
	float:left;
	width:461px;
	padding:0 0 0 16px;
} 
#bloc2_ref .photo1
{
	float:left;
	
}
#bloc2_ref p
{
	text-align:left;
	padding:20px 0 10px 6px;
}
.puce,#bloc2_ref .puce
{
	background:url(images/puce_carre.gif) no-repeat left 6px;
	padding:0 0 0 12px;
	text-align:left;	
}
#bloc2_ref h3
{
	font-size:16px;
	background:url(images/puce_blanc.gif) no-repeat left 10px #2F3A40;
	padding:8px 0 5px 14px;
}
#bloc3_ref
{
	float:left;
	width:350px;
	padding:4px 0 0 0;
	background:url(images/pixel_bloc_pres.jpg) repeat-x left top #A9AEB1; 
	margin-right:2px;
	
} 
#bloc3_ref p
{	
	text-align:left;
	padding:0 154px 0 12px;
	margin-bottom:7px;
	
}
#bloc3_ref .contacter
{	background:#556164;
	color:#FF8803;
	font-size:16px;	
	font-weight:bold;
	padding:7px 0 6px 23px;
	position:relative;
	float:left;
	width:327px;
}
#bloc3_ref .photo2
{
	position:absolute;
	top: -233px;
	right:0px;	
}
#bloc3_ref .auto
{
	text-align:right;
	padding:3px 0 0 0;
	font-weight:bold;	
} 
#bloc3_ref .haut
{
	width:0;
	height:230px;
	
}
#bloc2_ref .flic_ref
{
	float:right;
	margin: 0 30px 0 0;
}




/*********************************Conatct************************************************/
.bg_content
{
	background:url(images/chien_dresser.jpg) no-repeat left top;
}
#coord
{
	float:left;
	width:213px;
	padding:0 0 0 16px;
	margin-top:248px;
} 
#coord .appel
{
	clear:left;
	padding-right:15px;
	font-weight:bold;
}
#coord .photo1
{
	float:right;
	margin-right:15px;
	 
}
#coord h3
{
	font-size:16px;
	background:url(images/puce_blanc.gif) no-repeat left 10px #2F3A40;
	padding:8px 0 5px 14px;
}
#coord .France
{
	font-size:14px;
	text-align:center;
	color:#C3C7C9;
	padding:14px 0 0 0;
	font-weight:bold;
}
#coord .idf
{
	float:left;
	margin:13px 0 0 41px;
}
#coord .tel
{	
	font-size:27px;
	padding:0 0 0 19px;
	color:#DC6606;
	font-weight:bold;
	clear:right;
	
}
#formulaire
{
	float:left;
	width:350px;
	padding:0;
	
	margin-top:248px;	
} 
#formulaire .bg_for
{
	background:url(images/pixel_bloc_pres.jpg) repeat-x left top #A9AEB1; 
}
#formulaire h3
{
	font-size:16px;
	background:url(images/puce_blanc.gif) no-repeat left 10px;
	padding:8px 0 5px 14px;
}
#formulaire p{
	width:282px;
	float:left;	
	padding:4px 0 4px 18px;	
}
#formulaire span{
	float:left;	
	padding-top:1px;
	font-weight:bold;
}
#formulaire .question{
	padding:1px 0 0 0;
} 
#formulaire input{
	float:right;	
	width:189px;
	height:14px;
	border:1px solid #DF6400;
	background-color:#A8AEB1;
	color:#FFFFFF;
}
#formulaire textarea{
	float:right;
	border:1px solid #DF6400;	
	width:189px;
	height:103px;	
	background-color:#A8AEB1;
		color:#FFFFFF;
}
#formulaire .bout{
	width:42px;
	height:17px;
	border:none;
	float:right;
	background:none;
	
}
em{
	color:#3C5363;		
}
#formulaire .rouge{
	color:#FF0000;	
	font-weight:bold;
	float:left;	
}
#formulaire .message
{
	background:#556164;
	color:#FF8803;
	font-size:14px;
	clear:both;
	font-weight:bold;
	padding:7px 10px 6px 23px;
	width:300px;
	margin: 5px 0 0 0;
}	
#Cordonnees
{
	background:url(images/pixel_coord.jpg) repeat-y left top;
	padding:0 0 0 0;
	border-top:2px solid #003066;
	float:left;
	width:267px;	
	position:absolute;	
	top:287px;
	left:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Cordonnees	 .bas
{
	float:left;
}
#Cordonnees	 h3
{
	font-size:16px;	
	padding:14px 0 0px 30px;
}
#Cordonnees	p
{	
	padding:20px 0 0px 16px;
	font-weight:bold;
	text-align:left;
}
#Cordonnees	 object {
	position:relative;
	top:4px;
	left:0px;
}
#personne
{
	float:left;
	position:relative;
	padding:0 0 0 90px;
	width:215px;
}
#personne img
{
	float:left;
	
}
/***********************************Mention**********************************/
.contenuMention{
	padding:0 0 0 16px;
	float:left;
	width:855px;
}
.contenuMention p{
	 padding:4px 0 4px 0;		
	 line-height:18px;
}
.contenuMention h3
{
	font-size:16px;
	background:url(images/puce_blanc.gif) no-repeat left 10px #2F3A40;
	padding:8px 0 5px 14px;
	width:250px;
}
.contenuMention .fonce
{
	color:#DF6300;
	font-size:14px;
	font-weight:bold;
}
#mentions .active
{	
	color:#8981BD;
}

/*********************************Footer************************************************/
#footer{	
	width:945px;
	margin:0 auto;			
	clear:both;
	color:#627579;
	padding:15px 0 15px 10px;	
	text-align:center;
}
#footer p
{
	font-weight:bold;
	text-align:center;		
}
#footer span
{
	text-transform:uppercase;	
}	

#navigation{		
	color:#FFFFFF;
	padding:4px 0 0 0;	
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 5px 0 5px;
	font-size:11px;	
	color:#FFFFFF;
	font-weight:bold;	
}
#navigation a:hover{
	color:#FF6600;	
}
#toptech {	
	text-align:center;
	padding:15px 0 0 0;		
}
#toptech a{
	color:#8F8F8F;
	font-size:8px;
	outline:none;
}
#toptech a:hover{
	color:#FF6600;	
}
object{
	position:relative;
	top:6px;
	left:0px;
}