@charset "utf-8";
/* CSS Document */

body 
{ 
	background-color: #dedede;
	background-image:url(img/rayures.png);
	background-position: 4px 22px;
	background-repeat:repeat-x;
   margin: auto;
   margin-top: 20px;
   text-align:center;
}

#conteneur {
	position : relative;
	margin : 0 auto;          /* centre le contenu */
	padding : 0;
	text-align : left;
	width : 994px;
	height: 569px;
	background-color: #ad433f;
	background-image:url(img/fond_mur.jpg);
	box-shadow: 3px 3px 12px #999;
}

#logo {
	position:absolute;
	background-image: url("img/logo.png");
	width: 128px;
	height: 44px;
	left: 12px;
	top: 8px;
	z-index:2;
}

#ligne_haut {
	position:absolute;
	background-color:#FFF;
	top: 37px;
	width: 530px;
	height: 1px;
	z-index:1;
}

#ligne_bas {
	position:absolute;
	background-color:#FFF;
	left: 430px;
	top: 557px;
	width: 564px;
	height: 1px;
	z-index:1;
}

#contenu {
	position:absolute;
	text-align:justify;
	left:630px;
	top:80px;
	width:346px;
	height:40px;
	z-index:3;
}


#descriptif {
	position:absolute;
	text-align:justify;
	left:630px;
	top:140px;
	width:348px;
	height:240px;
	z-index:13;
}


#vignette1
{
	position:absolute;
	left:472px;
	top:478px;
	width:25px;
	height:18px;
	z-index:18;
	/*background-color: #B76464;*/
}

#vignette2
{
	position:absolute;
	left:497px;
	top:478px;
	width:25px;
	height:18px;
	z-index:18;
	/*background-color: #B76464;*/
}

#vignette3
{
	position:absolute;
	left:522px;
	top:478px;
	width:25px;
	height:18px;
	z-index:18;
	/*background-color: #B76464;*/
}

#vignette4
{
	position:absolute;
	left:547px;
	top:478px;
	width:25px;
	height:18px;
	z-index:18;
	/*background-color: #B76464;*/
}

#vignette5
{
	position:absolute;
	left:572px;
	top:478px;
	width:25px;
	height:18px;
	z-index:18;
	/*background-color: #B76464;*/
}

#vignette6
{
	position:absolute;
	left:597px;
	top:478px;
	width:25px;
	height:18px;
	z-index:18;
	/*background-color: #B76464;*/
}


#espace {
	position:absolute;
	background-color: rgb(139, 47, 47);
	background-color: rgba(0,0,0,0.25);
	left:0px;
	top:85px;
	width:620px;
	height:390px;
	z-index:3;
	text-align: center;
    } 
	
#espace2 {
	position:absolute;
	text-align:center;
	background-color: rgb(139, 47, 47);
	background-color: rgba(0,0,0,0.25);
	left:620px;
	top:85px;
	width:374px;
	height:420px;
	z-index:2;
    } 
#espace3 {
	position:absolute;
	text-align:center;
	background-color: rgb(139, 47, 47);
	background-color: rgba(0,0,0,0.25);
	left:0px;
	top:65px;
	width:994px;
	height:20px;
	z-index:2;
    } 
	
#espace4 {
	position:absolute;
	text-align:center;
	background-color: rgb(139, 47, 47);
	background-color: rgba(0,0,0,0.25);
	left:0px;
	top:475px;
	width:620px;
	height:30px;
	z-index:2;
    } 
	
#qe {
	position:absolute;
	left:191px;
	top:425px;
	width:625px;
	height:65px;
	z-index:23;
	}
	
.titre_majuscule {
	font-size: 18px;
}

.titre_minuscule {
	text-transform: uppercase;
	font-size: 16px;
	color: #FFEDE2;
	font-family: Corbel, Calibri, Candara, Arial;
}


#texte {
	position:absolute;
	left:500px;
	top:110px;
	width:445px;
	height:317px;
	z-index:1;
}
.texte_descriptif {
	font-size: 13px;
	text-align:justify;
	color: #FFEDE2;
	font-family: Corbel, Calibri, Candara, Arial;
	text-transform:none;
	text-decoration: none;
	}
	
.Style14 {
	font-size: 14px;
	text-align:justify;
	color: #FFFFFF;
	font-family: Corbel, Calibri, Candara, Arial;
	text-transform: none;
	text-decoration: none}
		
.Style15 {
	font-size: 20px;
	color: #ffffff;
	font-family: Corbel, Calibri, Candara, Arial;
	text-decoration: none;
}
	
.Style15:hover {
	color: #b77578;
}

.Style16 {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Corbel, Calibri, Candara, Arial;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none}

.Style17 {
	font-size: 14px;
	color: #DFACB0;
	font-family: Corbel, Calibri, Candara, Arial;;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

.Style17:hover {
	color: #FFFFFF;
}

.Style18 {
	font-size:12px;
}

.Style18:hover{
	color:#FFFFFF;
}

.Style19 {
	font-size: 14px;
	color: #FFFFFF;
	font-family: Corbel, Calibri, Candara, Arial;
	font-weight: 900;
	text-decoration: none}

.Style20 {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Corbel, Calibri, Candara, Arial;
	font-weight: 900;
	text-decoration: none}


#agence a
{
	display:block;
	position:absolute;
	text-align:center;
	left:156px;
	top:20px;
	width:1px;
	height:20px;
	z-index:2;
}

#ref a
{
	display:block;
	position:absolute;
	text-align:center;
	left:236px;
	top:20px;
	width:1px;
	height:20px;
	z-index:2;
}

#contact a
{
	display:block;
	position:absolute;
	text-align:center;
	left:330px;
	top:20px;
	width:1px;
	height:20px;
	z-index:2;
}

#pres a
{
	display:block;
	position:absolute;
	left:500px;
	top:540px;
	width:1px;
	height:20px;
	z-index:2;
}

#architectes a
{
	display:block;
	position:absolute;
	left:614px;
	top:540px;
	width:1px;
	height:20px;
	z-index:2;
}


#supports a
{
	display:block;
	position:absolute;
	left:849px;
	top:540px;
	width:1px;
	height:20px;
	z-index:2;
}

#collaborateurs a
{
	display:block;
	position:absolute;
	left:717px;
	top:540px;
	width:1px;
	height:20px;
	z-index:2;
}

#presse a
{
	display:block;
	position:absolute;
	left:936px;
	top:540px;
	width:1px;
	height:20px;
	z-index:2;
}

#maisons a
{
	display:block;
	position:absolute;
	left:500px;
	top:540px;
	width:1px;
	height:19px;
	z-index:2;
}

#ecoles a
{
	display:block;
	position:absolute;
	left:568px;
	top:540px;
	width:1px;
	height:19px;
	z-index: 2;
}

#sante a
{
	display:block;
	position:absolute;
	left:625px;
	top:540px;
	width:1px;
	height:19px;
	z-index: 2;
}

#urbanisme a
{
	display:block;
	position:absolute;
	left:674px;
	top:540px;
	width:1px;
	height:19px;
	z-index:2;
}

#bureaux a
{
	display:block;
	position:absolute;
	left:813px;
	top:540px;
	width:1px;
	height:19px;
	z-index:2;
}

#culture a
{
	display:block;
	position:absolute;
	left:754px;
	top:540px;
	width:1px;
	height:19px;
	z-index:2;
}

#rehab a
{
	display:block;
	position:absolute;
	left:879px;
	top:540px;
	width:1px;
	height:19px;
	z-index:2;
}

#coordonnees {
	position:absolute;
	left:33px;
	top:507px;
	width:947px;
	height:33px;
	z-index:2;
	text-align:right;
}


#projet {
	position:absolute;
	top:557px;
	z-index:3;
}

#oeil a
{
	display:block;
	background:url("img/references/oeil.png") 	no-repeat;
	position:absolute;
	left:891px;
	top:482px;
	width:25px;
	height:15px;
	z-index:3;
}

#oeil a:hover{
	background:url("img/references/oeil50.png") no-repeat;
}

#groupe a
{
	display:block;
	background:url("img/references/groupe.png") 	no-repeat;
	position:absolute;
	left:921px;
	top:482px;
	width:25px;
	height:15px;
	z-index:3;
}

#groupe a:hover
{
	background:url("img/references/groupe50.png") no-repeat;
}

#feuille a
{
	display:block;
	background:url("img/references/feuille.png") 	no-repeat;
	position:absolute;
	left:951px;
	top:482px;
	width:25px;
	height:15px;
	z-index:3;
}

#feuille a:hover
{
	background:url("img/references/feuille50.png") no-repeat;
}