/*Géneral */
*{
	margin:0;padding:0;
}
img{
	border:0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
ul{
	margin:0;padding:0; 
}
ul li{
	list-style:none;
}
.clr {
	clear:both;font-size:0;
}
p, h2, h3, h4, h5 {
	display:block;
}
/***********************/
body{
	background:url(images/bg_body.jpg) repeat-x 0 0 #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#Global{
	width:955px;
	margin:0 auto;

}
.bg_acc
{
	background:url(images/px_acc.jpg) repeat-y;
}
.bg_intern
{
	background:url(images/px_intern.jpg) repeat-y;
}
.bg_contact
{
	background:url(images/px_contact.jpg) repeat-y;
}
.arch_decor{
display:block;
float:right;
margin:15px 40px 0 0;
}
/*----top menu-----*/
#TopMenu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:220px;
	font-size:10px;
	padding:2px 21px 4px 0;
	float:right; 
	letter-spacing:-1px;
}
#TopMenu li{
	display:inline;
	color:#B0AFAD;
}
#TopMenu li a {
	color:#B0AFAD;
}
#TopMenu li a:hover, #TopMenu .actif{
	color:#bec44d;
}
/*-----fin top menu------*/

.logo{
	margin: 5px 0 0 0;
}
.plan_acc{	
	padding:23px 140px 0 0;
	float:left;
	display:block;
}
.plan_acc2{	
	padding:5px 0 0 140px;
	float:left;
	display:block;
}

/**********************************************MENU************************************************/

#menu
{
	width:169px;
	padding:78px 0 0 0;
	float:left;
}
#menu li
{
display:block;
}

#menu a

{
	display:block;
	height:28px;	
}

#menu a:hover
{
	cursor:pointer;
}

#accueil a
{
	background:url(images/acceuil_a.jpg) no-repeat;
	width:169px;
	margin-right:0;
}

#accueil a:hover,#accueil .active 
{
	background:url(images/acceuil_hov.jpg)  no-repeat;	
	height:28px;
	width:169px;

}

#etude a
{
	background:url(images/etude_a.jpg) no-repeat;
	width:169px;
	margin-right:0;
}

#etude a:hover,#etude .active

{
	background:url(images/etude_hov.jpg) no-repeat;
			height:28px;}

#contact a
{
	background:url(images/contact_a.jpg) no-repeat;
	width:168px;
}
#contact a:hover,#contact .active
{
	background:url(images/contact_hov.jpg)  no-repeat;
	height:28px;
}
/************************* Index **************************************/
#HeaderP1{
	width:955px;
	height:185px;
	background:url(images/head_acc.jpg) center 0 no-repeat;
	padding-left:0px;
	text-align: center;
}
#HeaderP1 p{
	text-align: center;
}
#CenterP1{
	width:925px;
	padding:0 0 0 30px;
	background:url(images/bg_content_acc.jpg) no-repeat  0 0;
	float:left;	
}

.Blocleft{
	width:362px;
	float:left;
	padding-bottom:10px;
}
.titrpresentattion{
	float:left;
	width:347px;
	margin: 15px 0 0 10px;
}
.para_archi1{
	width:347px;
	float:left;
	padding:5px 0 5px 10px;
	color:#60b198;
	font-weight:bold;
	line-height:18px;
	font-size:13px;
	letter-spacing:-1px;
}

.para_archi{
	width:347px;
	padding:0 0 5px 10px;
	color:#666666;
	font-weight:bold;
	line-height:18px;
}
.para_archi2{
	width:357px;
	padding:0 0 10px 0;
	text-align:right;
}
.para_archi3{
	width:357px;
	padding:0 0 5px 0;
	text-align:right;
}
.para_studio{
	width:347px;
	float:left;
	padding:10px 0 0 10px;
	/*color:#bec44d;*/
	color:#949b01;
	font-weight:bold;
}
.vert{
	/*color:#bec44d;*/
	color:#949b01;
}
.img_bas
{
	float:left;
}
.Blocdroite{
float:left;
padding:0px 0 0 10px;
width:370px;
}
.plan1{
display:block;
float:left;
padding:0 0 0 0;
}
.puce_droite{
background:url(images/puce_vert.jpg) 20px 3px no-repeat;
padding:0 0 8px 40px;
width:130px;
float:left;
color:#acaba6;
font-weight:bold;
}
.titretude{
	display:block;
	float:left;
	padding:10px 0 0 0;
}
.para_archi_drte{
	width:345px;
	float:left;
	padding:0 5px 5px 10px;
	color:#666666;
	font-weight:bold;
	line-height:18px;
}
.para_archi_drte a{
color:#bec44d;
}
.para_archi_drte a:hover{
color:#666666;
}
.para_archi_drteB{
font-size:13px;
font-weight:bold;
width:345px;
padding:5px 5px 15px 10px;
color:#60b198;
}
/************************* Fin Index **************************************/





/************************* etudes **************************************/
#HeaderP2{
	width:955px;	
	height:185px;
	background:url(images/head_intern.jpg) center 0 no-repeat ;
	padding-left:0px;
	text-align:center;
}
#HeaderP2 p{
	text-align:center;
}
#CenterP2{
	width:925px;
	padding:0 0 0 30px;
	background:url(images/bg_content_intern.jpg) no-repeat  0 0;
	float:left;	
}
.Blocdroite_intern{
float:left;
padding:0px 0 0 10px;
width:370px;
}

.img_gros{
	margin: 5px 5px 5px 0;
}
.para_gros1{
	width:340px;
	float:left;
	padding:5px 0 5px 13px;
	color:#666666;
	font-weight:bold;
	line-height:15px;
	text-align:justify;
}
.Blocleft_intern{
	width:362px;
	float:left;
	padding:0px 0 10px 0;
}

.spara_gros1{
	width:340px;
	float:left;
	padding:5px 0 5px 10px;
	color:#666666;
	font-weight:bold;
	line-height:18px;
	text-align:justify;
}
.para_gros1 strong{
/*color:#C8B991;*/
color:#a29464;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.para_leftintern{
	width:337px;
	float:left;
	padding:6px 0 5px 13px;
	color:#666666;
	font-weight:bold;
	line-height:18px;
	text-align:justify;
}
.spara_leftintern{
	width:337px;
	float:left;
	padding:0 0 5px 13px;
	color:#666666;
	font-weight:bold;
	line-height:18px;
	text-align:justify;
}
.para_leftintern strong{
/*color:#C8B991;*/
color:#a29464;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*/**********************************************MENU interne****************************/

#menuint
{
	width:169px;
	padding:78px 0 0 0;
	float:left;
}
#menuint li
{
display:block;
}

#menuint a

{
	display:block;
	height:28px;	
}

#menuint a:hover
{
	cursor:pointer;
}

#accueilint a
{
	background:url(images/acceuil_a_int.jpg) no-repeat;
	width:169px;
	margin-right:0;
}

#accueilint a:hover,#accueilint .active 
{
	background:url(images/acceuil_hov_int.jpg)  no-repeat;	
	height:28px;
	width:169px;

}

#etudeint a
{
	background:url(images/etude_a_int.jpg) no-repeat;
	width:169px;
	margin-right:0;
}

#etudeint a:hover,#etudeint .active

{
	background:url(images/etude_hov_int.jpg) no-repeat;
			height:28px;}

#contactint a
{
	background:url(images/contact_a_int.jpg) no-repeat;
	width:169px;
}
#contactint a:hover,#contactint .active
{
	background:url(images/contact_hov_int.jpg)  no-repeat;
	height:28px;
}

.alignenvies{
	margin: 100px 0px 0 0;
}
/************************* Fin etudes **************************************/



/************************* contact **************************************/
#HeaderP3{
	width:955px;	
	height:185px;
	background:url(images/head_contat.jpg) center 0 no-repeat ;
	padding-left:0px;
	text-align:center;
}
#HeaderP3 p{
	text-align:center;
}
#CenterP3{
	width:925px;
	padding:0 0 0 30px;
	background:url(images/bg_content_cntact.jpg) no-repeat  0 0;
	float:left;	
}
.Blocleftcontact{
	width:362px;
	float:left;
	padding-bottom:10px;
}
.titr_coordonnees{
	padding:15px 0 0 10px;
}
.adress{
	width:307px;
	float:left;
	padding:13px 0 5px 50px;
	color:#C04334;
	font-weight:bold;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/adress.gif) 0 20px no-repeat;
}
.tel
{
	width:307px;
	float:left;
	padding:8px 0 5px 50px;
	/*color:#AE818E;*/
	color:#844a50;
	font-weight:bold;
	line-height:20px;
	font-size:13px;
	background:url(images/tel.gif) 0 15px no-repeat;
}

.mail{
	width:307px;
	float:left;
	padding:8px 0 10px 50px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/mail.gif) 0 10px no-repeat;
	color:#3D1625;
}
.mail object
{
 position:relative;
 top:6px;
}
.titre_cntact{
	width:340px;
	float:left;
	padding:5px 0 0 5px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*color:#AE818E;*/
	color:#844a50;
	letter-spacing:-1px;
}
.para_cntact{
	width:340px;
	float:left;
	padding:5px 0 5px 5px;
	line-height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	letter-spacing:-1px;
	font-size:11px;
	text-align:justify;
}


/*/**********************************************MENU contact****************************/

#menucntact
{
	width:169px;
	padding:78px 0 0 0;
	float:left;
}
#menucntact li
{
display:block;
}

#menucntact a

{
	display:block;
	height:28px;	
}

#menucntact a:hover
{
	cursor:pointer;
}

#accueilcntact a
{
	background:url(images/acceuil_a_cntact.jpg) no-repeat;
	width:169px;
	margin-right:0;
}

#accueilcntact a:hover,#accueilcntact .active 
{
	background:url(images/acceuil_hov_cntact.jpg)  no-repeat;	
	height:28px;
	width:169px;

}

#etudecntact a
{
	background:url(images/etude_a_cntact.jpg) no-repeat;
	width:169px;
	margin-right:0;
}

#etudecntact a:hover,#etudecntact .active

{
	background:url(images/etude_hov_cntact.jpg) no-repeat;
			height:28px;}

#contactcntact a
{
	background:url(images/contact_a_int.jpg) no-repeat;
	width:169px;
}
#contactcntact a:hover,#contactcntact .active
{
	background:url(images/contact_hov_cntact.jpg)  no-repeat;
	height:28px;
}


/****************formulaire***************/
.formulaire{
		float:left;
		width:360px;
		color:#176FA5;
		font-size:11px;
		padding:0px 0 0 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(images/bgcontact.gif) right 0 no-repeat;
}
.trtreform{
width:300px;
padding:0 0 10px 0;
}
.formulaire p{
		margin:0 0 8px 0; 
		width:320px;
		padding:0;
		float:left;
		/*color:#AE818E;*/
	color:#844a50;
}
 
.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:230px;
		height:15px;
		color:#666666;
		border:1px solid #ACABA6;
		background:#F5F4F5;
}
.formulaire p.masgrea{
margin:0;

}
 
.formulaire textarea{
		float:right;
		height:83px;
		width:230px;
		overflow:hidden;
		color:#666666;
		background:#F5F4F5;
		border:1px solid #ACABA6;
}
.formulaire .bout{
	width: 103px;
	height:22px;
	border:none;
	float:left;	
	padding:5px 0 0 88px;
}

.formulaire .rouge{
		color:#C04334;
		display:block;
		font-weight:bold;
		padding-top:5px;
}

/************************* Fin contact **************************************/

/********************************mentions*******************************/

.titrafrom{
width:700px;
background:url(images/traitc.jpg) 170px 29px no-repeat;
font-size:12px;
color:#7a0e61;
text-transform:uppercase;
padding:27px 0 10px 20px ;
}
.Blocleft_mentions{
	width:362px;
	float:left;
	padding:15px 0 10px 0;
}

.para_leftmention{
	width:337px;
	float:left;
	padding:6px 0 5px 13px;
	color:#666666;
	font-weight:bold;
	line-height:18px;
	text-align:justify;
	background:url(images/puce_intern.gif) 0 11px no-repeat;
}
.spara_leftmention{
	width:337px;
	float:left;
	padding:0 0 5px 13px;
	color:#666666;
	font-weight:bold;
	line-height:18px;
	text-align:justify;
}

.contenuMention{
	width:925px;
	padding:0 0 0 30px;
	background:url(images/bg_content_intern.jpg) no-repeat  0 0;
	float:left;	
}
.para_leftmention strong{
/*color:#C8B991;*/
color:#a29464;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.spara_leftmention strong{
/*color:#C8B991;*/
color:#a29464;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.Blocdroite_mentions{
float:left;
padding:0px 0 0 10px;
width:370px;
}



/*********************************Footer************************************************/
#footer{ 
 width:925px; 
 padding:8px 0 50px 0; 
 text-align:center;
 background:url(images/bg_footer.jpg) no-repeat 0 0;
 clear:both;
 margin:0 auto; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px; 
}
#footer p
{
 text-align:left; 
 color:#B9B9B7;
 font-weight:bold;
}
#footer span
{
 padding:0 0 0 12px;
 background:url(images/puce_caree.jpg) no-repeat 0 2px;
 margin:0 0 4px 0;
 display:block;  
}
#footer .adr
{
 width:169px;
 padding:0 18px 0 9px;
 float:left; 
}
#footer .adr em
{
 color:#dee0df;
 font-style:normal;
}
#footer .mail_foot
{
 width:266px;
 padding:0 0 0 0;
 float:left;  
}
#footer .mail_foot em
{
 margin:-4px 0 0 0;
 display:block; 
 font-style:normal;
}
#footer object
{
 position:relative;
 top:6px;
}
#navigation{  
 color:#B9B9B7;
 padding:11px 0 0 124px; 
 display:block;
 float:left; 
}
#navigation li {
 display:inline;
 font-weight:bold; 
}
#navigation a{
 padding:0 4px;
 font-size:10px; 
 color:#B9B9B7;
}
#navigation a:hover,#navigation .active{
 color:#A2C309; 
}
#footer #toptech { 
 text-align:center;
 padding:15px 0 0 0;
 float:none;
 clear:both;
}

#footer #toptech span{ 
 background:none;
}
#toptech a{
 color:#333333;
 font-size:9px;
 outline:none;
 text-align:center;
 background:none;
 
}
#toptech a:hover{
 color:#A2C309; 
}
#footer #toptech img
{
 padding:0;
 margin:0;
 

}