﻿body{
	margin:0;
	padding:0;
	width:100%;
	background-color: #221403;
font-family:tahoma, Arial;

}
	
	#fond{
	background:url(images/test_fond.jpg) no-repeat ;
	 width: 866px;
     height: 664px;
	 position:absolute;
	  left: 50%; 
     top: 50%;
	 margin-top: -328px; /* moitié de la hauteur */
     margin-left: -431px; /* moitié de la largeur */
	 }
#global{
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 760px;
     height: 570px;
     margin-top: -285px; /* moitié de la hauteur */
     margin-left: -380px; /* moitié de la largeur */
	 background-color: #2D1A0C;

}

a {
text-decoration:none;
color:#3e281a;
 list-style-type: none;

}


	 
	 
/*/////////////////////////////////////
		    Menu
/////////////////////////////////////*/	

#projets{
	background:url(images/projets.gif) no-repeat ;
	width:130px;
	height:114px;
overflow:hidden;
background-color: #221403;
cursor:pointer;
}

#projets:hover {
background-position:-132px 0px;
}

#contact{
	background:url(images/contact.gif) no-repeat ;
	width:130px;
	height:114px;
overflow:hidden;
background-color: #221403;
cursor:pointer;
}
#contact:hover {
background-position:-132px 0px;
}

#prestations{
	background:url(images/prestations.gif) no-repeat ;
	width:130px;
	height:114px;
overflow:hidden;
background-color: #221403;
cursor:pointer;
}
#prestations:hover {
background-position:-132px 0px;

}

#presentation{
	background:url(images/presentation.gif) no-repeat ;
	width:130px;
	height:114px;
overflow:hidden;
background-color: #221403;

cursor:pointer;
}
#presentation:hover {
background-position:-132px 0px;
}

#autre{
	background:url(images/autre.gif) no-repeat ;
width:130px;
	height:114px;
	background-color: #221403;
}

/*/////////////////////////////////////
		    conteneur
/////////////////////////////////////*/	
#test{
	
	width:630px;
	height:570px;
	 background-color: #2D1A0C;
	 float:right;
	 margin:-570px 0 0 -4px;

}

#test_plan{
	
	width:630px;
	height:570px;
	 background-color: #632B34;
	 float:right;
	 margin:-570px 0 0 -4px;

}



/*/////////////////////////////////////
		    plan
/////////////////////////////////////*/	
#occupation{
	
	width:400px;
	height:228px;
	 background-color: #7e7b1c;
	 float:left;
	 margin:-18px 0 0 0px;
overflow:hidden;

}

#plan{
	height:228px;
	 float:left;
	 margin:-2px 0 0 48px;
background-color: #64222c;

}

#titre{
	width:152px;
	height:228px;
	 float:right;
	 margin:-2px 0px 0 0px;
	 padding:0;

background-color: #7e7b1c;
}


#plan_retour_projet{
	width:152px;
	height:228px;
	 float:right;
	 margin:-2px 0px 0 0px;
	 padding:0;

background-color: #7e7b1c;
}






/*/////////////////////////////////////
		    texte
/////////////////////////////////////*/	
#text{
	
	width:230px;
	height:287px;
	background-color: #cac1b2;
	float:right;
	margin:-77px 0 0 0px;
}

#texte{
	margin:8px ;
	font-size:12px	;
	color:#2D1A0C	;
	text-align:justify;
		height:255px;
	overflow : 	hidden;
}

/*/////////////////////////////////////
		    Prestation
/////////////////////////////////////*/	
#page_contact{
	
	width:400px;
	height:570px;
	float:left;
		color:#2D1A0C	;
font-size:12px;
background-color: #cac1b2;
padding : 0 0 0 0px;
margin:0 0 0 50px;
}

#page_presentation{
	background:url(images/fond_a.gif) no-repeat;
width:760px;
	height:570px;
	background-color: #de8727;

}

#menu_index{
width:209px;
	height:96px;
padding:445px 0 0 500px;
	}
	
	
#contact_index{
	background:url(images/contact_o.gif) no-repeat ;
width:209px;	height:32px;
float : left;
}
#prestations_index{
	background:url(images/prestations_o.gif) no-repeat ;
width:209px;	height:32px;
}
#projets_index{
	background:url(images/projets_o.gif) no-repeat ;
width:209px;	height:32px;
}

#contact_index:hover {
background-position:0px -32px;
cursor:pointer;
}
#prestations_index:hover {
background-position:0px -32px;
cursor:pointer;
}
#projets_index:hover {
background-position:0px -32px;
cursor:pointer;
}










#colone_d{
	
	width:126px;
	height:560px;
	float:right;

}
#deco_contact{
	
	width:126px;
	height:114px;

}

#prestation{
	
	width:630px;
	height:570px;
	float:left;
background: url(images/fond.jpg) no-repeat ;
}


/*/////////////////////////////////////
		    Projets
/////////////////////////////////////*/	
#carre{
	
	width:126px;
	height:114px;
	float:left;
}


#texte_autorisation{
		font-size:9px	;
	margin:-6px 3px 0 0px;
	color:#2D1A0C	;
	text-align : right;
	}

#texte_autorisation2{
		font-size:9px	;
	margin:-30px 3px 0 0px;
	color:#2D1A0C	;
	text-align : right;
	}

/*/////////////////////////////////////
		    Prestations
/////////////////////////////////////*/	

#page_prestations{
	
	width:400px;
	height:570px;
	float:left;
color:#000;
background-color: #CAC1B2;
padding : 0 0 0 0px;
margin:0 0 0 0px;

}

#page_prestations_haut{
	
	width:400px;
	height:342px;
	float:left;
color:#000;
background-color: #CAC1B2;
padding : 0 0 0 0px;
margin:0 0 0 0px;
}

#page_prestations_bas{
	
	width:410px;
	height:228px;
	float:left;
color:#000;
background-color: #CAC1B2;
padding : 0 0 0 0px;
margin:0px 0 0 0px;

}

#page_prestations_bas1{
	
	width:250px;
	height:228px;
	float:left;
color:#000;
background-color: #632b34;
padding : 0 0 0 0px;
margin:0 0 0 0px;

}
#page_prestations_bas2{
	
	width:160px;
	height:228px;
	float:right;
color:#000;
background-color: #7e7b1c;
padding : 0 0 0 0px;
margin:0 0 0 0px;
}



#colone_d_prestations{
	
	width:230px;
	height:570px;
	float:right;
background-color: #DE8629;
margin : 0 0 0 0px;
}


#texte_prestations_haut{
	margin:8px ;
	font-size:15px	;

	text-align:justify;
	padding:0 15px 0 15px;
	margin:-5px 0 0 0;
}


#texte_prestations_bas1{
	margin:8px ;
	font-size:14px	;

	text-align:center;

}


#texte_prestations_bas2{
	margin:8px ;
	font-size:12px	;

	text-align:center;
	margin: -1px 0 0 0;
}



#texte_colone_d_prestations{
	
	margin:8px ;
	font-size:15px	;
	color:#2D1a0c	;
	text-align:center;
	background-color: #DE8629;
	}
	
#photo_colone_d_prestations{
	width:230px;
	height:312px;
margin:0px 0 0 0px;
	}


	
     /*/////////////////////////////////////
		    Page contact
/////////////////////////////////////*/	
	#texte_contact{
		font-size:15px	;
	margin:0 0 0 5px;
	text-align:justify;
	}
	
	
	
	/*/////////////////////////////////////
		    Gris : Logement et industriel et tertiaire
/////////////////////////////////////*/	

h3 {
background-color :#cac1b2;
font-size : 10px;
padding : 5px 0 5px 0;
margin: -2px 0 -11px -4px;
width:126px;
color:#000000;
 }


 /*/////////////////////////////////////
		    Vert : Recherche et habitat individuel
/////////////////////////////////////*/	

h4 {
background-color :#7e7b1c;
font-size : 10px;
padding : 5px 0 5px 0;
margin: -2px 0 -11px -4px;
width:126px;
color:#000000;
 }

  /*/////////////////////////////////////
		    Orange : Recherche et habitat individuel
/////////////////////////////////////*/	

h5 {
background-color :#de8629;
font-size : 10px;
padding : 5px 0 5px 0;
margin: -2px 0 -11px -4px;
width:126px;
color:#000000;
 }
 
   /*/////////////////////////////////////
		    Prune : Recherche et habitat individuel
/////////////////////////////////////*/	

h6 {
background-color :#632b34;
font-size : 10px;
padding : 5px 0 5px 0;
margin: -2px 0 -11px -4px;
width:126px;
color:#000000;
 }
 
 
    /*/////////////////////////////////////
		    Plan : version grand format
/////////////////////////////////////*/	

h7 {
font-size : 9px;
 }

    /*/////////////////////////////////////
		    ILNEA
/////////////////////////////////////*/	

#ilnea {
font-size : 10px;
margin: 0px 2px 0px 0;
color:#df8628;
float: right;
 }
#ilnea  a{
color:#df8628;
 }
 
     /*/////////////////////////////////////
		    Plan du site
/////////////////////////////////////*/	

#plansite {
font-size : 13px;
padding: 10px 10px 10px 10px;
color:#df8628;
height:545px;
 background-color: #2D1A0C;
 overflow:auto;
 }
#plansite  a{
color:#df8628;
 }
 
 
      /*/////////////////////////////////////
		   Page Plan grand format
/////////////////////////////////////*/	
 #page_gplan{
font-size : 15px;
padding: 10px 5px 15px 5px;
color:#df8628;
height:545px;
 background-color: #2D1A0C;
 overflow:auto;
 }
#page_gplan  a{
color:#df8628;
margin : 0 0 25px 500px;
font-size : 16px;
 }

 #telechargement {
 margin : 8px 150px 0 0px
 }
