body {
	font-family: Tahoma;
	background-color: #24190a;
	background:url(../images/bg.jpg);
	color: #000; 
	font-size: 12px;
	padding: 0;
	margin: 0;
}

img
{  
	border-style: none;
}

 .deuxNouveaux{
 z-index:100;
 position:absolute;
 top:0px;

 margin-top:250px;
 margin-left:auto;
 margin-right:auto;
 padding-left:10px;
  }
.tahoma12 {
	font-family: Tahoma;
	font-size: 12px;
	color: #5c6366;
}
ul.tahoma12{
	font-family: Tahoma;
	font-size: 12px;
	color: #5c6366;
}

a:link { 
	font-weight: bold;
	font-size: 9px;
	color: #701200;
	text-decoration: none;
}


a:visited { 
	font-weight: bold;
	font-size: 9px;
	color: #701200;
	text-decoration: none;
}
a:hover { 
	font-weight: bold;
	font-size: 9px;
	color: #701200;
	text-decoration: underline;
} 

p 
{   
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px; 
}

h2 { 
	font-size: 24px;
	color: #78a12e;
}

h3 {
	font-family: Georgia;
	font-weight: bold;
	font-size: 14px;
	color: #41392e;
}

.fleft{
	float: left;
}

h4{ 
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-weight: bold;
	font-size: 14px;
	color: #41392e;
}

.titlePaleBox {
	color: #41392e;
	font-size: 18px;
	font-family: Georgia;
	width:300px;
}

.floatRight{
	float: right;
}

.apchqText{
	margin: 0px 50px 20px 0px;
	padding-left:20px;
	float:left;
}

.logoCertificat{
float:left;
}

.logoCertificat img{
border:none;
}

.textPaleBox {
	color: #41392e;
	font-size: 12px; 
}
 
.newsDate {
	color: #41392e;
	font-size: 9px;
}

.textPaleBox{
	font-size: 12px;
	color: #41392e;
} 


/* hide these rules from legacy browsers and mobile devices */

@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  background-color: #24190a;
  color: #000;
}
.wrapper {
  width: 950px;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
  border: 0;
}
.menu {
  margin: 0;
  padding: 0px 0px;
  height: 175px;

}


.main {
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: thin solid #7d5500;
  border-bottom: thin solid #7d5500;
  color: #000;
  background: #ffffff 75% 0 repeat-y;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}



.menuDiv{
	position: relative;
	width: 620px;
	padding-top: 55px;
	height: 100px;
	margin: 0;
	left: -28px;
	top: 20px;
/*	 border-color: #000000;
	 border: 2px solid red;
*/	
	float: left;
}

.boxApchq{
	 width: 548px;
	 height: auto;;
	 margin: 10px 20px 10px 0px;
	 float: left;
}

.entrepriseIntro {
	padding: 10px 20px 10px 10px;
}

#boxContactMap{
	display: block;
	width: 607px;
	height: 383px;
	margin: 0;
	background: url(../images/contactmap.jpg) no-repeat top;
	top: 0px;
}


#boxContactMap a {
	width: 617px;
	height: 383px; 
	display: block;
}

#boxContactMap a h1 {
	display: none;
}

.projetPetit{
	display: inline; 
	width: 255px;
	height: 220px;
	margin: 0;
	float: left; 
	left: -48px;
	top: 0px;
}


#entrepriseImg{
	display: inline; 
	width: 447px;
	height: 290px;
	margin: 0;
	float: left;
	background: url(../images/entrepriseworkers.jpg) no-repeat top;
	left: -48px;
	top: 0px;
}


#boxLogo{
	display: block;
	position: relative;
	width: 326px;
	height: 176px;
	margin: 0;
	float: left;
	display: block;
	background: url(../images/logo.png) no-repeat top;
	left: -48px;
	top: 0px;
}

#boxLogo a {
	width: 326px;
	height: 176px;
	position: absolute;
    top: 0;
    left: 0;
}

#boxLogo a h1 {
	display: none;
}

.modelesMaison{
	 width: 148px;
	 overflow: hidden;
	 height: 13px;
	 margin: 0;
	 padding-top: 10px; 
	 padding-bottom: 5px;
	 background: url(../images/modelesMaison.gif) no-repeat top;

}

.titleMain{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 text-align:left;
	 padding-top: 2px; 
	 padding-bottom:2px;
	
}
.titleMainProjets{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 5px;
	 margin: 0;
	 float: left;
	 padding-top: 2px; 
	 padding-bottom:2px;
	 background: url(../images/ligneProjet.gif) no-repeat top;
}

.boutonSousmenuEnCours{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:149px;
	 height:23px;	
	 margin: 0;
	 float: left;
	margin-top:-2px;
	 margin-right:20px;
	
	 background: url(../images/projetEnCours.gif) no-repeat top;
}

.boutonSousmenuEnCoursSelect{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:149px;
	 height:23px;	
	 margin: 0;
	 float: left;
	 margin-top:-2px;
	 margin-right:20px;
	
	 background: url(../images/projetEnCoursSelect.gif) no-repeat top;
}

.boutonSousmenuRealises{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:148px;
	 height:23px;	
	 margin: 0;
	 float: left;
	 margin-right:20px;
	 margin-top:-2px;
	 background: url(../images/projetRealises.gif) no-repeat top;
}
.boutonSousmenuRealisesSelect{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:148px;
	 height:23px;	
	
	 margin: 0;
	  margin-top:-2px;
	 float: left;
	 margin-right:20px;
	  background: url(../images/projetRealisesSelect.gif) no-repeat top;
}

.boutonSousmenuVenir{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:135px;
	 height:23px;	
	 margin: 0;
	 margin-top:-2px;
	 float: left;	
	 margin-right:20px;	
	 background: url(../images/projetAvenir.gif) no-repeat top;
}



.boutonSousmenuVenirSelect{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:135px;
	 height:23px;	
	 margin: 0;
	 margin-top:-2px;
	 float: left;	
	 margin-right:20px;	
	 background: url(../images/projetAvenirSelect.gif) no-repeat top;
}


.boutonSousmenuMaisons{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:148px;
	 height:23px;	
	 margin: 0;
	 margin-top:-2px;
	 float: left;	
	 margin-right:20px;	
	 background: url(../images/maisonsDeVille.gif) no-repeat top;
}



.boutonSousmenuMaisonsSelect{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:148px;
	 height:23px;	
	 margin: 0;
	 margin-top:-2px;
	 float: left;	
	 margin-right:20px;	
	 background: url(../images/maisonDeVilleSelect.gif) no-repeat top;
}




.boutonSousmenuCondos{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:148px;
	 height:23px;	
	 margin: 0;
	 margin-top:-2px;
	 float: left;	
	 margin-right:20px;	
	 background: url(../images/condos.gif) no-repeat top;
}



.boutonSousmenuCondosSelect{
	
	 overflow: hidden;   /* prevent IE expanding the container */
	 width:148px;
	 height:23px;	
	 margin: 0;
	 margin-top:-2px;
	 float: left;	
	 margin-right:20px;	
	 background: url(../images/condosSelect.gif) no-repeat top;
}
div#titleMainText {
    top: 0px;
	font-size: 9px;
	margin: 0;        
	padding: 0px 0px;
	text-align: right; 
}

.titleMainGuideAchat{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 padding-top: 10px; 
	 padding-bottom: 5px;
	 background: url(../images/guideachattitre.gif) no-repeat top;
}

.titleMainProjetRealise{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 padding-top: 10px; 
	 padding-bottom: 5px;
	 background: url(../images/projetrealisestitre.gif) no-repeat top;
}

.titleMainProjetAVenir{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 padding-top: 10px; 
	 padding-bottom: 5px;
	 background: url(../images/projetavenirtitre.gif) no-repeat top;
}

.titleMainNouvelles{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 padding-top: 10px; 
	 padding-bottom: 5px;
	 background: url(../images/nouvellestitre.gif) no-repeat top;
}

.titleMainContact{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 padding-top: 10px; 
	 padding-bottom: 5px;
	 background: url(../images/contactsmaintitre.gif) no-repeat top;
}

.titleMainEntreprise{
	 width: 940px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 padding-top: 10px; 
	 padding-bottom: 5px;
	 background: url(../images/entreprisemaintitre.gif) no-repeat top;
}


.titleSection{
	 width: 610px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 height: 27px;
	 margin: 0;
	 float: left;
	 padding-top: 10px;
	 padding-bottom: 5px;
}

.titleLeftColumnEntreprise{
	width: 617px;          
	height: 26px;  
	overflow: hidden; 
	margin: 0;     
	 padding-top: 7px;
	 padding-bottom: 5px;      
	background: url(../images/entreprise.gif) no-repeat top;
}

div#titleLeftColumnText {
    top: 0px;
	font-size: 9px;
	margin: 0;        
	padding: 0px 0px;
	text-align: right; 
	font-size: 9px;
}

.titleSideBarNouvelles{
	width: 100%;
	height: 18px;  
	overflow: hidden; 
	margin: 0;     
	padding-top: 7px;
	padding-bottom: 5px;      
	background: url(../images/nouvelles.gif) no-repeat top;
}

.titleSideBarGuideAchat{
	height: 26px;  
	overflow: hidden; 
	margin: 0;         
	background: url(../images/guideachat.gif) no-repeat top;
}

div#titleSideBarTextTop {
    top: 0px;
	font-size: 9px;
	margin: 0;        
	padding: 0px 0px;
	text-align: right; 
	font-size: 9px;
	padding-top: 8px;
}

div#titleSideBarText {
    top: 0px;
	font-size: 9px;
	margin: 0;        
	padding: 0px 0px;
	text-align: right; 
    top: 0px;
	font-size: 9px;
	padding-top: 2px;
}

.boxProject{
	 width: 564px;
	 height: 390px;
	 margin: 0;
	 float: left;
}

.boxGradient{
	 width: 23px;
	 height: 365px;
	 margin: 0;
	 padding: 0;
	 float: left;
}

.boxSmallHouse{
	 width: 81px;
	 height: 121px;
	 margin: 0;
	 float: left;
	 padding-top: 100px;
	 padding-left: 10px;
}


.topContent {
  width: 100%;         /* width of .main container */
  float: left;        /* left side of window */
  margin: 0;
  padding: 5px 5px;
  height: 420px;
}

.topContent2 {
  width: 100%;         /* width of .main container */
  float: left;        /* left side of window */
  margin: 0;
  padding: 5px 5px;
  height: 30px;
}

.content {
  width: 600px;         /* width of .main container */
  
  float: left;        /* left side of window */
  margin: 0;
  padding: 5px 30px 5px 5px;
}

.content2 {
  width: 557px;         /* width of .main container */
  min-height: 480px;
  float: left;        /* left side of window */
  margin: 0;
  padding: 5px 30px 5px 5px;
  
}


.content3 {
  width: 900px;         /* width of .main container */
  min-height: 780px;
  float: left;        /* left side of window */
  margin: 0;
  padding: 5px 30px 5px 5px;
  
}

.sidebar {
	width: 287px;
	margin-left: 650px;   /* past content */
}

.sidebar2 {
	width: 330px;
	margin-left: 617px;   /* past content */
	min-height: 300px;
}

.hiddenDiv{ 
	font-size: 4px;
}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  color: #FFFFFF;
  margin: 0;          /* flush with .main */
  padding: 15px 5px;
  text-align: right;
  font-size: 11px;
}
.sidebar ul {
  margin-left: 1em;
  padding-left: 0;
}

.sidebar ul {
  margin-left: 1em;
  padding-left: 0;
}

ul#navigation{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	width: 100%;
	float: left;
}

ul#navigation li{
	display: inline;
}

#menuCenter{
	position: relative;
	left:40px;
}

ul#subNavigation{
	list-style-type: none;
	
}

ul#subNavigation li{
	display: inline;
}
 

.navRight{
	display: block;
	float: left;
	padding: .2em 1em;
	text-decoration: none;
	color: #fff;
	border-right: 0px;
}


#menuAccueilOn
{
	width: 106px;
	height: 25px; 
	float: left; 
}

#menuAccueilOn a
{
  float: left;
  display: block;
  width: 106px;
  height: 25px;
  background: transparent url(../images/entreprise.png) no-repeat; 
  background-position: -106px 0; 
} 



#menuEntreprise
{
	width: 106px;
	height: 25px; 
	float: left; 
}

#menuEntreprise a
{
  float: left;
  display: block;
  width: 106px;
  height: 25px;
  background: transparent url(../images/entreprise.png) no-repeat; 
} 

#menuEntreprise a:hover
{
  background-position: -106px 0; 
} 

#menuAccueilOn
{
	width: 106px;
	height: 25px; 
	float: left; 
}

#menuAccueilOn a
{
  float: left;
  display: block;
  width: 106px;
  height: 25px;
  background: transparent url(../images/accueil.png) no-repeat; 
  background-position: -106px 0; 
} 



#menuAccueil
{
	width: 106px;
	height: 25px; 
	float: left; 
}

#menuAccueil a
{
  float: left;
  display: block;
  width: 106px;
  height: 25px;
  background: transparent url(../images/accueil.png) no-repeat; 
} 

#menuAccueil a:hover
{
  background-position: -106px 0; 
} 

#menuNouvellesOn
{
  width: 100px;
  height: 25px;   
  float: left;
}

#menuNouvellesOn a
{
  display: block;
  width: 100px;
  height: 25px;
  background: transparent url(../images/nouvelles.png) no-repeat; 
  background-position: -100px 0; 
} 


#menuNouvelles
{
  width: 100px;
  height: 25px;   
  float: left;
}

#menuNouvelles a
{
  display: block;
  width: 100px;
  height: 25px;
  background: transparent url(../images/nouvelles.png) no-repeat; 
} 

#menuNouvelles a:hover
{
  background-position: -100px 0; 
} 


#menuProjet
{   
	float: left;
	width: 86px;
	height: 25px;   
}

#menuProjet a
{
  display: block;
  width: 86px;
  height: 25px;
  background: transparent url(../images/projet.png) no-repeat; 
} 

#menuProjet a:hover
{
  background-position: -86px 0; 
} 

#menuProjetOn
{
	float: left;
	width: 86px;
	height: 25px;
	 
} 
 
#menuProjetOn a
{
  display: block;
  width: 86px;
  height: 25px;
  background: transparent url(../images/projet.png) no-repeat; 
  background-position: -86px 0;
} 



#menuGuideAchatOn
{  
	float: left;
	width: 117px;
	height: 25px;     
	z-index: 10; 
	background: transparent url(../images/guideachat.png) no-repeat; 
	background-position: -117px 0;
} 


#menuGuideAchat
{  
	float: left;
	width: 117px;
	height: 25px;     
	z-index: 10;   
}

#menuGuideAchat a
{
  display: block;
  width: 117px;
  height: 25px;
  background: transparent url(../images/guideachat.png) no-repeat; 
} 

#menuGuideAchat a:hover
{
  background-position: -117px 0; 
} 


#menuContactOn
{   
	float: left;
	width: 89px;
	height: 25px;
	background: transparent url(../images/contacts.png) no-repeat; 
	background-position: -89px 0; 
} 



#menuContact
{   
	float: left;
	width: 89px;
	height: 25px;     
	z-index: 10;   
}

#menuContact a
{
  display: block;
  width: 89px;
  height: 25px;
  background: transparent url(../images/contacts.png) no-repeat; 
} 

#menuContact a:hover
{
  background-position: -89px 0; 
} 


#subMenuProjetEnCoursOn
{   
	float: left;
	width: 118px;
	height: 21px;     
	z-index: 10;   
}

#subMenuProjetEnCoursOn a
{
  display: block;
  width: 118px;
  height: 21px;
  background: transparent url(../images/projetsencours.png) no-repeat; 
  background-position: -118px 0; 
} 



#subMenuProjetEnCours
{   
	float: left;
	width: 118px;
	height: 21px;     
	z-index: 10;   
}

#subMenuProjetEnCours a
{
  display: block;
  width: 118px;
  height: 21px;
  background: transparent url(../images/projetsencours.png) no-repeat; 
} 

#subMenuProjetEnCours a:hover
{
  background-position: -118px 0; 
} 


#subMenuProjetRealise
{   
	float: left;
	width: 119px;
	height: 21px;     
	z-index: 10;   
}

#subMenuProjetRealise a
{
  display: block;
  width: 119px;
  height: 21px;
  background: transparent url(../images/projetsrealises.png) no-repeat; 
} 

#subMenuProjetRealise a:hover
{
  background-position: -119px 0; 
} 

#subMenuProjetRealiseOn
{   
	float: left;
	width: 119px;
	height: 21px;     
	z-index: 10;   
}

#subMenuProjetRealiseOn a
{
  display: block;
  width: 119px;
  height: 21px;
  background: transparent url(../images/projetsrealises.png) no-repeat; 
  background-position: -119px 0; 
} 

#subMenuProjetAvenirOn
{   
	float: left;
	width: 96px;
	height: 21px;     
	z-index: 10;   
}

#subMenuProjetAvenirOn a
{
  display: block;
  width: 96px;
  height: 21px;
  background: transparent url(../images/projetsavenir.png) no-repeat; 
  background-position: -96px 0; 
} 

#subMenuProjetAvenir
{   
	float: left;
	width: 96px;
	height: 21px;     
	z-index: 10;   
}

#subMenuProjetAvenir a
{
  display: block;
  width: 96px;
  height: 21px;
  background: transparent url(../images/projetsavenir.png) no-repeat; 
} 

#subMenuProjetAvenir a:hover
{
  background-position: -96px 0; 
} 
 
.paleBoxFeature{
	width: 244px;
	float: left;
}
 

.paleBox {
	padding: 0px 0px 0px 10px;
	margin: 0;
	background-color: #aeaf8e;
	float: left;
	width: 337px;
	height: 277px;
	color: #41392e;
	font-family: Tahoma;
	font-size: 12px;
}

.paleBoxProjet {
	padding: 0px 0px 0px 10px;
	margin: 0;
	background-color: #aeaf8e;
	float: left;
	width: 337px;
	height: 365px;
	color: #41392e;
	font-family: Tahoma;
	font-size: 12px;
}

.paleBoxSideBar {
	padding: 15px 0px 0px 20px;
	margin: 0;
	margin-top: 10px;
	background-color: #aeaf8e;
	float: left;
	width: 305px;
	height: 175px;
	color: #41392e;
	font-family: Tahoma;
	font-size: 12px;
}


.certificationBox {
	padding: 0px 0px 0px 15px;
	margin: 0;
	background-color: #aeaf8e;
	border-color: #000000;
	border: 0px solid red;
	float: left;
	width: 600px;
	height: auto;
}


.certificationBox2 {
	padding: 0px 0px 0px 15px;
	margin: 0;
	background-color: #aeaf8e;
	border-color: #000000;
	border: 0px solid red;
	float: left;
	width: 550px;
	height: 150px;
}

.mapSideBar{
	margin-bottom: 10px;
	width: 320px;
	height: 200px;
	float: left;
	background-color: #443f3b;
	border-color: #000000;
	border: 2px solid #afafaf;
}


.mapSideBar a{

	font-weight: bold;
	font-size: 9px;
	color: #701200;
	text-decoration: none;

}

.mapSideBar a:hover{

	font-weight: bold;
	font-size: 9px;
	color: #701200;
	text-decoration: underline;

}

.brownBoxSideBar {
	padding: 5px 0px 0px 20px;
	margin: 0;
	background-color: #443f3b;
	border-color: #000000;
	float: left;
	width: 305px;
	height: 123px;
}

.greyBox {
	width: 300px;
	min-height: 40px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #afafaf;
	margin-left: 0;  
}

.sideBarMenuText {
	font-family: Tahoma;
	font-size: 12px;
	color: #41392e;
}

.sideBarMenuText a {	
	font-family: Tahoma;
	font-size: 12px;
	color: #41392e;
	font-weight: normal;   
}

.sideBarMenuText a:hover {
	color: black;
	text-decoration: underline;
	
}

.thumbnail {
	float: left;
	margin-right:3px;
	margin-bottom: 10px;
	
}

.spacerBar{
	background: url(../images/spacerBar.gif) no-repeat left top;
	height: 5px;
	margin: 0;
	padding: 0;

}

.spacerBarLong{
	background: url(../images/spacerBar.gif) repeat-x top;
	height: 5px;
	margin: 0;
	padding: 0;
}

.spacer {
	height: 10px;
	width: 275px;  
	background: url(../images/dash_i_know.gif) no-repeat top;
	 
}

.invisibleSpacer {
	float: left;
	height: 45px;
	width: 320px;   
	 
}

.brownBox {
	padding: 0px 0px 0px 10px;
	margin: 0;
	background-color: #443f3b;
	border-color: #000000;
	border: 0px solid red;
	float: left;
	width: 337px;
	height: 88px;
}

.newsletterForm {
	float: left;
	margin-top: 5px;
}

.subscribe{
	 width: 279px;
	 height: 44px;
	 overflow: hidden;   /* prevent IE expanding the container */
	 margin: 0;
	 float: left;
	 margin-top: 8px;
	 margin-bottom: 0px;
	 background: url(../images/subscribe.gif) no-repeat top;
}

#arrow{
	 width: 79px;
	 height: 33px;
	 float: left;
	 margin-top: 0px;
	 margin-left: 3px;
	 background-image: url(../images/arrowbutton.gif);
}

#arrow a
{
  display: block;
  width: 79px;
  height: 33px;
  background: transparent url(../images/arrowbutton.gif);
} 

#arrow a:hover
{
  background-position: -79px 0; 
} 





} /* end @media rules */

/* protect other browsers from IE6's quirks */
<!--[if IE 6]><style type="text/css" title="Site default">
h1, .sidebar {position:relative}</style><![endif]-->