/* CSS Document */

body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;    
}
*  {
	margin: 0 ;
}


h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;
}
p {
	padding:3px 0 5px 0;
	display: block;
}
.clear {
	clear:both;
}
ul  {
	margin: 0 ;
	padding:0;
	list-style:none;
}
a
{
	text-decoration:none;	
}
a:hover
{
	text-decoration:none;	
}
.bg_acc
{
	background:url(images/bg_body.jpg) repeat-x top #FFFFFF;	
}
.bg_nav
{
	background:url(images/bg_nav.jpg) repeat-x top #FFFFFF;	
}
#page_acc
{
	margin:0 auto;
	width:955px;		
	background:url(images/bg_page_acc.jpg) no-repeat left top;	
	display:table;
}
#header_acc
{
	float:left;
	width:955px;
	position:relative;
	height:58px;
}
.logo
{
	position:absolute;
	top:0;
	left:15px;			
}
#menu  
{	
	float:right;	
	width:572px;	
}	
#menu  li
{
	font-size:12px;
	float:left;
	font-weight:bold;		
}
#menu  a
{
	color:#20457C;
	display:block;	
	text-align:center;		
	padding:23px 0 12px 0;
	text-transform:uppercase;
	outline:none;	
}
#accueil  a
{
	width:101px;
	margin:0 15px 0 0;
}
#accueil  a:hover
{	
	background:url(images/accueil_hover.gif) no-repeat top;
	color:#FFFFFF;
}
#particulier  a
{
	width:133px;
	margin:0 8px 0 0;
}
#particulier  a:hover
{
	background:url(images/particulier_hover.gif) no-repeat top;
	color:#FFFFFF;
}
#entreprise  a
{
	width:133px;
	margin:0 6px 0 0;
}
#entreprise  a:hover
{
	width:133px;
	background:url(images/particulier_hover.gif) no-repeat top;
	color:#FFFFFF;
}
#contact  a
{
	width:102px;
}
#contact  a:hover
{	
	background:url(images/contact_hover.gif) no-repeat top;
	color:#FFFFFF;
}
#accueil  .active
{
	color:#FFFFFF;
	background:url(images/accueil_hover.gif) no-repeat top;
}
/*****************************************************************************/
#content
{
	width:919px;
	float:left;
	padding:0 0 0 36px;
}
#bloc1
{
	float:left;
	width:187px;
}
#bloc_actualite
{
	margin-left:1px;
	display:inline;
	float:left;
	width:186px;
	padding:98px 0 0 0;
}
#bloc_actualite h3
{
	background:url(images/top_actualite.jpg) no-repeat left top;	
	font-size:17px;
	color:#FFFFFF;
	padding:13px 0 8px 50px;
	text-transform:uppercase;
}
#bloc1 img
{
	float:left;
}

.actus{
	width:90%;
}
#bloc_actualite span
{
	color:#B1E4F9;
	font-weight:bold;
}
#bloc_actualite	a
{
	background:url(images/puce_blanc.jpg) no-repeat left center;
	color:#FFFFFF;
	padding:0 0 0 10px;
	text-decoration:underline;
}
.haut_actu
{
	float:right;
	width:0;
	height:100px;
}
.actu1
{
	float:left;
	background:#2D7ABB;
	width:174px;
	border-left:1px solid #1E2F61;
	border-right:1px solid #1E2F61;
	border-bottom:1px solid #1E2F61;
	padding:13px 5px 0 5px;
	color:#fff;
}

.actu1 img
{
	float:left;
	padding:0 5px 0 0;
}

#presentation
{
	float:left;
	width:187px;
	margin-top:6px;
	color:#2D3D6C;
		
}
#presentation h3
{
	background:url(images/top_presentation.gif) no-repeat left top;
	font-size:14px;
	color:#F1AB17;	
	padding:10px 0 6px 15px;
	text-transform:uppercase;
}
#center_pres
{
	float:left;
	width:172px;
	background:url(images/bg_center.jpg) repeat-y left;	
	padding:0px 0 0px 15px;
}
#center_pres .caree
{
	background:url(images/puce_caree.jpg) no-repeat left 5px;
	padding:2px 0 0 12px;
	font-size: 11px;
}
#bloc2
{
	float:left;
	background:url(images/homme.jpg) no-repeat 20px bottom;
	padding:163px 0 0 10px;
	width:339px;
}
#cadre_jaune
{
	background:url(images/cadre_jaune.gif) no-repeat left top;
	width:297px;/*339*/
	padding:0 0 0 42px;
	float:left;
	height:217px;	
}
#cadre_jaune h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:18px 0 23px 0;
	color:#D7930C;	
}
#cadre_jaune p
{
	color:#765108;
	padding:0;
	font-weight:bold;	
}
#cadre_jaune .avantage_jaune
{
	padding:45px 0 0 96px;
	text-transform:uppercase;
	font-size:14px;
	color:#D7930C;
}
#solution
{
	background:url(images/tige3.gif) no-repeat 20px 85px;
	width:190px;
	float:right;
	margin:0 6px 0 0;
	padding:18px 0 0px 0;
	display:inline;
	/*border: #000 solid 1px;*/
}
#solution .puce
{
	background:url(images/puce_jaune1.gif) no-repeat left top;
	padding:5px 0 0 21px;
	font-size:14px;
	font-weight:bold;
	color:#F0A818;	
	
}
#solution img
{
	float:right;
	padding:8px 25px 0 0;	
} 
#solution .consulter
{
	padding:35px 0 60px 25px;
	font-weight:bold;
	color:#534E45;	
}
#bloc3
{
	background:url(images/cadre_vert.gif) no-repeat left top;
	width:338px;
	float:left;
	margin-top:17px;
	padding:0 0 0 22px;
}
#bloc3 h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:18px 0 23px 2px;
	color:#537212;		
}
#bloc3 p
{
	color:#435A10;
	padding:0 35px 0 0;
	font-weight:bold;	
}
#bloc3 .avantage_vert
{
	padding:53px 81px 0 0;
	text-transform:uppercase;
	font-size:14px;
	color:#537212;
	text-align:right;
}
.haut_jaune
{
	width:2px;;
	float:left;
	height:201px;
}
#cadre_bleu
{
	background:url(images/cadre_bleu.gif) no-repeat left top;
	width:316px;/*340*/
	float:left;
	padding:0 0 0 24px;	
	height:324px;
}
#cadre_bleu h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:19px 0 23px 0;
	color:#464763;		
}
#cadre_bleu p
{
	color:#3F4059;
	padding:0 35px 0 0;
	font-weight:bold;	
}
#bloc3 .avantage_bleu
{
	padding:33px 71px 0 0;
	text-transform:uppercase;
	font-size:14px;
	color:#484965;
	text-align:right;
}
/*************************************************Partic*********************************************************/
#page_nav
{
	margin:0 auto;
	width:955px;		
	display:table;	
}
#header_nav
{
	float:left;
	width:955px;
	height:206px;
	background:url(images/header_nav.jpg) no-repeat left top;
}
#particulier  .active
{
	background:url(images/particulier_hover.gif) no-repeat top;
	color:#FFFFFF;
}
#content_nav
{
	float:left;
	width:935px;
	padding:17px 0 0 20px;	
}
.haut_content
{
	float:left;
	width:0;
	height:340px;
}
#bloc1_nav
{
	float:left;
	width:260px;
	background:url(images/rachat.jpg) no-repeat 10px top;
	display:inline;
	padding:0 15px 0 20px;
}
#bloc1_nav h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:18px 0 23px 4px;
	color:#D7930C;		
}
#bloc1_nav p
{
	padding:10px 0;
}
.orange
{
	color:#D7930C;
	font-weight:bold;		
}
#bloc1_nav p
{
	color:#765108;		
}
#bloc2_nav
{
	float:left;
	width:298px;
	background:url(images/immobilier.jpg) no-repeat left top;
	display:inline;
	padding:0 20px 0 12px;
}
#bloc2_nav h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:17px 0 23px 12px;
	color:#537212;		
}
#bloc2_nav p
{	
	color:#435509;
	padding:10px 0 2px 0;
}
#bloc2_nav img
{
	margin:0 0 0 40px;
}
#bloc3_nav
{
	float:left;
	width:273px;
	background:url(images/revolving.jpg) no-repeat left top;
	padding:0 0 0 12px;
}
#bloc3_nav h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:19px 0 30px 18px;
	color:#464763;		
}
#bloc3_nav p
{	
	color:#3F4059;
	padding-top:15px;
}
#bloc3_nav img
{
	margin:0 0 0 40px;
}
#bloc3_nav img
{
	float:left;
	padding:0 10px 10px 0;
}
/*************************************************entreprise*********************************************************/
#entreprise  .active
{
	background:url(images/particulier_hover.gif) no-repeat top;
	color:#FFFFFF;
}
#bloc1_entr
{
	float:left;
	width:273px;	
	background:url(images/revolving.jpg) no-repeat left top;
	padding:0 0 0 12px;
	margin-right:27px;
	display:inline;	
}
#bloc1_entr h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:19px 0 30px 40px;
	color:#464763;		
}
#bloc1_entr p
{	
	color:#3F4059;	
	background:url(images/caree2.jpg) no-repeat left 5px;
	padding:0 0 10px 12px;
	margin-bottom:0px;	
}

#bloc2_entr
{
	float:left;
	width:254px;/*266*/	
	background:url(images/createurs.jpg) no-repeat left top;
	padding:0 0 0 12px;
	margin:1px 27px 0 0;
	display:inline;	
}
#bloc2_entr h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:18px 0 23px 40px;
	color:#D7930C;		
}
#bloc2_entr p
{	
	color:#3F4059;	
	background:url(images/caree3.jpg) no-repeat left 8px;
	padding:0 0 10px 12px;
	margin-bottom:0px;	
}
.orange
{
	color:#D7930C;
	font-weight:bold;
}
#bloc2_entr p
{
	color:#765108;
	line-height:22px;		
}
#bloc3_entr
{
	float:left;
	width:298px;	
	background:url(images/commerce.jpg) no-repeat left top;
	padding:0 0 0 12px;	
}
#bloc3_entr h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:8px 30px 23px 0;
	color:#537212;
	text-align:center;		
}
#bloc3_entr p
{	
	color:#435509;
	line-height:22px;
	background:url(images/caree4.jpg) no-repeat left 8px;
	padding:0 0 10px 12px;
}

/*************************************************Actualite*********************************************************/
#bloc1_actualite
{
	float:left;
	width:570px;
	padding:0 0 0 12px;				
}
#bloc1_actualite img
{
	float:left;
	padding:0 5px 0 0;			
}
#bloc1_actualite h3
{
	text-transform:uppercase;
	font-size:16px;
	padding:18px 0 23px 40px;
	color:#D7930C;
	background:url(images/createurs.jpg) no-repeat left top;				
}
#bloc1_actualite p
{
	color:#765108;
}
#titre1
{
	float:left;
	width:300px;
	color:#2D3D6C;
	margin-top:15px;
		
}
#titre1 h3
{
	background:url(images/top_titre.jpg) no-repeat left top;
	font-size:12px;
	color:#F1AB17;	
	padding:12px 0 5px 18px;
	text-transform:uppercase;
}
#center_titre1
{
	float:left;
	width:282px;
	background:url(images/bg_titre.jpg) repeat-y left;	
	padding:0px 0 0px 18px;
}

#center_titre1 a
{
	color:#99CC00;
}
#center_titre1 a:hover
{
	color:#999900;
}
#titre1 img
{
	float:left;
}
/***********************************Mention**********************************/
#content_mention
{
	width:842px;/*955px*/
	float:left;
	padding:20px 80px 25px 33px;	
}
#content_mention h3
{
	padding:18px 0 20px 30px;
	font-size:16px;
	background:url(images/revolving.jpg) no-repeat left top;	
	color:#464763;
	text-transform:uppercase;	
		
}
#content_mention p
{
	text-align:justify;	
	color:#3F4059;	
}

#content_mention .fonce
{
	color:#77779D;
	font-size:14px;
	font-weight:bold;
	padding:10px 0;
}
#mentions .active
{
	color:#82A733;
}
/*************************************************Contact*********************************************************/
#page_contact
{
	margin:0 auto;
	width:955px;		
	background:url(images/bg_page_contact.jpg) no-repeat left top;	
	display:table;	
}
#header_contact
{
	float:left;
	width:955px;
	height:206px;
}
.logo2
{
	margin:0 0 0 15px;
	float:left;
}
#contact .active
{	
	background:url(images/contact_hover.gif) no-repeat top;
	color:#FFFFFF;
}
.blanc
{
	color:#FFFFFF;
	font-size:18px;
	clear:left;
	float:left;
	font-weight:bold;
	padding:27px 0 0 50px;
	text-transform:uppercase;
	white-space:nowrap;	
}
#content_contact
{
	float:left;
	width:924px;
	padding:15px 0 0 31px;
}
#bloc1_contact
{
	float:left;
	width:310px;
	padding:2px 0 0 0;
}
#bloc1_contact h3
{
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	padding:0 0 13px 20px;
}
#formulaire
{
	float:left;
	width:284px;/*309*/
	background:url(images/bg_formulaire.jpg) no-repeat left top;
	color:#FFFFFF;
	padding:17px 0 0 25px;	
}
#formulaire p{
	width:224px;
	float:left;	
	padding:0 0 8px 2px;	
}
#formulaire span{
	float:left;	
	padding-top:1px;
		
}
#formulaire .question{
	padding:2px 0 0 0;
}
 
#formulaire input{
	float:right;	
	width:149px;
	color:#000;
	height:14px;
	font-size:11px;
	border:0;		
}
#formulaire textarea{
	float:right;	
	width:149px;
	height:78px;
	color:#000;
	font-size:11px;
	border:0;	
}
#formulaire .bout{
	width:115px;
	height:54px;
	border:none;
	padding:23px 0 0 0;
	float:right;	
}
em{
}
#formulaire .rouge{
	color:#FF0000;
	font-weight:bold;
	clear:left;
	white-space:nowrap;
}
#formulaire .form
{
float:left;
}
#formulaire .droite
{
	float:right;
	padding:0 0 0 0;	
}
/******************************************************************************************/
#bloc2_contact
{
	width:594px;
	float:left;
	background:url(images/map.gif) no-repeat right 2px;	
}
#coord
{
	width:538px;
	margin:190px 0 0 19px;
	background:url(images/tige1.gif) no-repeat left top;
	float:left;
	display:inline;
	padding:40px 0 0 37px;	
}
#coord .antenne
{
	float:right;
	white-space:nowrap;
	color:#20457C;
	padding:7px 0px 1px	 5px;
}
#rue
{
	float:left;
	background:url(images/bg_adresse.gif) no-repeat left top;
	width:180px;
	height:134px;
	margin-top:15px;
	font-size:14px;
}
#rue p
{
	text-align:center;
	padding:14px 0 0 0;
	color:#FFFFFF;
	font-weight:bold;	
}
#rue span
{
	color:#E4A321;
}

#tel_fax
{
	float:right;
	width:270px;
	height:99px;
	font-size:12px;
	background:url(images/bg_tel.jpg) no-repeat left;
	margin:12px 5px 0 0;
	display:inline;	
}
#tel_fax p
{
	text-align:center;
	padding:22px 0 0 4px;
	color:#FFFFFF;
	font-weight:bold;	
}
#tel_fax span
{
	font-size:14px;	
}
#tel_fax object
{
	position:relative;
	top:6px;
}
.tige
{
	float:right;
	padding:60px 0 0 0;
}
/**********************************************Footer*******************************************************/
#footer{
	clear:both;		
	width:100%;		
	text-align:center;
	color:#012A5E;	
	font-size:10px;	
}
#adresse
{
	width:100%;
	background:#20457C;
	color:#FFFFFF;
}
#adresse p
{
	background:#296FAA;
	width:905px;
	margin:0 auto;	
}
#navigation{
	padding:2px 0 0 0;
	color:#3E5E8D;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:10px;	
	color:#3E5E8D;
	font-weight:bold;
}
#navigation a:hover{
	color:#82A733;	
}
.size {
	font-size:11px;	
}
#toptech {
	padding-top:25px;
	margin:0 auto;
	text-align:center;
}
#toptech a{
	color:#939393;
	font-size:8px;
}
#toptech a:hover{
	color:#3E5E8D;	
}