/* CSS Document */
html,body {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	position:relative;
	text-align:center;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}
/*général*/	
.gauche-struct {
	float:left;
	margin:0px;
	position:relative;
	}
.droite-struct {
	float:right;
	margin:0px;
	position:relative;
	}
.gauche {
	float:left;
	margin:0px 5px 0px 0px;
	position:relative;
	}
.droite {
	float:right;
	margin:0px 0px 0px 5px;
	position:relative;
	}
.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
.separation2 {
	clear:left;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
.ligne { 
	clear:left;
	margin:0px;
	padding:0px;
	height:1px;
	background-color:#DEDC1E;
	color:#DEDC1E;
	border:none;
	}
.ligne3{ 
	margin:0px;
	padding:0px;
	height:1px;
	background-color:#DEDC1E;
	color:#DEDC1E;
	border:none;
	}
.ligne2 { 
	margin:0px;
	padding:0px;
	height:1px;
	background-color:#CCCCCC;
	color:#CCCCCC;
	border:none;
	width:660px;
	}
img {
	border:none;
	}
p {
	margin:0px 20px 0px 20px;
	}
.rouge {
	color:#A40027;
	}
.vert  {
	color:#5E890B;
	}
.bleu {
	color:#1B8993;
	}
.ocre {
	color:#957806;
	}
a:link,a:visited {
	color:#334C58;
	text-decoration:none;
	}
a:hover,a:focus,a:active {
	color:#B7B500;
	text-decoration:none;
	}
a.lien {
	text-align:right;
	font-weight:bold;
	display:block;
	
	}
.petit {
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#334C58;
	}
table.panier {
	background-image:url(images/fond-panier.gif);
	background-repeat:repeat-y;
	
	}
td.petit {
	padding:0px 10px 0px 10px;
	text-align:center;
	
	}
td.petit2{
	font-size:10px;
	padding:0px 10px 0px 10px;
	text-align:justify;
	color:#527759;
	}
td.panier {
	font-size:11px;
	text-align:justify;
	padding:0px 0px 0px 20px;
	}
td.en-tete-panier {
	font-size:10px;
	padding:0px 10px 0px 10px;
	text-align:center;
	color:#527759;
	background-color:#FFFFFF;
	}

p.petit a{
	text-decoration:underline;
	}
p.grand {
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#334C58;
	}
p.grand2 {
	font-size:12px;
	padding:0px;
	color:#334C58;
	}		
h3 {
	font-size:16px;
	font-weight:normal;
	}
/*BANDEAU HAUT*/
#nav_haut_index {
	width:968px;
	height:276px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(images/fond-accueil.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:left;
	}
#nav_haut_commerces {
	width:968px;
	height:234px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(images/fond-commerces.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:left;
	}
#nav_haut_entreprises {
	width:968px;
	height:234px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(images/fond-entreprises.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:left;
	}
#nav_haut_murs-locaux {
	width:968px;
	height:234px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(images/fond-murs-locaux.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:left;
	}
#nav_haut_habitat {
	width:968px;
	height:234px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(images/fond-habitat.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:left;
	}
#nav_haut_administration {
	width:968px;
	height:234px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(images/fond-administration.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:left;
	}
/*NAVIGATION NIVEAU 1*/

ul.navigation {       
	width:396px;
	position:relative;
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
	float:right;
	height:116px;   
}
/*un bouton de niveau 1 */
.navigation li {
	width:95px;
	margin:0px 0px 0px 4px;
	padding:50px 0px 0px 0px;
	position:relative;
	float:left;
	text-align:center;
	}
/*un bouton de niveau 2 */
.navigation li ul,.navigation li ul li {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	}
/*déclinaisons niveau 1*/
li#commerces {
	background-color:#CE526F;
	}
li#entreprises {
	background-color:#7E9E00;
	}
li#murs-locaux {
	background-color:#56B1B9;
	}
li#habitat {
	background-color:#C49E07;
	}

/*un bouton niveau 1 est déroulant et replié*/    
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
    font-size:10px;
	letter-spacing:0.1em;
	text-decoration:none;
	position:relative;
	color:#FFFFFF; 
	line-height:15px;   
	}
 
/*position hover d'un bouton niveau 1*/   
.navigation a:hover, .navigation a:focus, .navigation a:active {
    /*font-weight:bold;    */ 
	}

/*NAVIGATION NIVEAU 2*/
    
.navigation .subMenu,.navigation .subMenu2 {  
	height:116px;
	width:95px;
	display:block;
	margin:0px;
	padding:50px 0px 0px 0px;
	position:absolute;
	top:0px;
	left:0px;
	}   
/*apparence d'un bouton niveau 2*/ 
.navigation ul.subMenu a,.navigation ul.subMenu2 a {  
	width:85px;
	height:14px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	display:block;
	color:#FFFFFF;
	font-size:11px;
	letter-spacing:normal;
	position:relative;
	text-align:right;
	}
/*déclinaisons bouton niveau 2*/
.navigation #commerces ul.subMenu a,.navigation #commerces ul.subMenu2 a  {  
	background-color:#E194A6;
	border-top:1px solid #CE526F;
	}
.navigation #entreprises ul.subMenu a,.navigation #entreprises ul.subMenu2 a {  
	background-color:#89BD23;
	border-top:1px solid #7E9E00;
	}
.navigation #murs-locaux ul.subMenu a,.navigation #murs-locaux ul.subMenu2 a {  
	background-color:#7BCFD6;
	border-top:1px solid #56B1B9;
	}
.navigation #habitat ul.subMenu a,.navigation #habitat ul.subMenu2 a {  
	background-color:#D1B751;
	border-top:1px solid #C49E07;
	}
/*déclinaisons hover ou cliqué d'un bouton niveau 2*/
.navigation #commerces ul.subMenu a:hover,.navigation #commerces ul.subMenu2 a:hover,.navigation #commerces ul.subMenu2 a.click { 
	font-weight:bold;
	background-color:#F5DDE2;
	color:#A40027;
	}
.navigation #entreprises ul.subMenu a:hover,.navigation #entreprises ul.subMenu2 a:hover,.navigation #entreprises ul.subMenu2 a.click { 
	font-weight:bold;
	background-color:#CFE5A3;
	color:#5E890B;
	}
.navigation #murs-locaux ul.subMenu a:hover,.navigation #murs-locaux ul.subMenu2 a:hover,.navigation #murs-locaux ul.subMenu2 a.click { 
	font-weight:bold;
	background-color:#B9E9ED;
	color:#1B8993;
	}
.navigation #habitat ul.subMenu a:hover,.navigation #habitat ul.subMenu2 a:hover,.navigation #habitat ul.subMenu2 a.click { 
	font-weight:bold;
	background-color:#E9D68C;
	color:#957806;
	}

/*le faux bouton de niveau 1 (exemple : commerces quand le menu est ouvert)*/
.navigation ul.subMenu li.toggleSubMenu a,.navigation ul.subMenu li.toggleSubMenu a:hover,.navigation ul.subMenu li.toggleSubMenu span,.navigation ul.subMenu2 li.toggleSubMenu a,.navigation ul.subMenu2 li.toggleSubMenu a:hover,.navigation ul.subMenu2 li.toggleSubMenu span  {  
	font-size:10px;
	letter-spacing:0.1em;
	text-decoration:none;
	position:relative;
	line-height:17px; 
	text-align:center;
	padding:0px; 
	width:95px; 
	height:21px;
	}
/*déclinaisons du faux bouton de niveau 1*/
.navigation ul.subMenu #commerces2 a,.navigation ul.subMenu #commerces2 a:hover, .navigation ul.subMenu #commerces2 span,.navigation ul.subMenu2 #commerces2 a,.navigation ul.subMenu2 #commerces2 a:hover, .navigation ul.subMenu2 #commerces2 span  {  
	background-color:#CE526F;
	color:#FFFFFF;
	font-weight:normal; 
	}
.navigation ul.subMenu #entreprises2 a,.navigation ul.subMenu #entreprises2 a:hover, .navigation ul.subMenu #entreprises2 span,
.navigation ul.subMenu2 #entreprises2 a,.navigation ul.subMenu2 #entreprises2 a:hover, .navigation ul.subMenu2 #entreprises2 span  {  
	background-color:#7E9E00;
	color:#FFFFFF;
	font-weight:normal; 
	}
.navigation ul.subMenu #murs-locaux2 a,.navigation ul.subMenu #murs-locaux2 a:hover, .navigation ul.subMenu #murs-locaux2 span,.navigation ul.subMenu2 #murs-locaux2 a,.navigation ul.subMenu2 #murs-locaux2 a:hover, .navigation ul.subMenu2 #murs-locaux2 span {  
	background-color:#56B1B9;
	color:#FFFFFF;
	font-weight:normal; 
	}
.navigation ul.subMenu #habitat2 a,.navigation ul.subMenu #habitat2 a:hover, .navigation ul.subMenu #habitat2 span,.navigation ul.subMenu2 #habitat2 a,.navigation ul.subMenu2 #habitat2 a:hover, .navigation ul.subMenu2 #habitat2 span {  
	background-color:#C49E07;
	color:#FFFFFF;
	font-weight:normal; 
	}
#nav_haut_index object,#nav_haut_commerces object,#nav_haut_entreprises object,#nav_haut_murs-locaux object,#nav_haut_habitat object,#nav_haut_administration object {
	position:absolute;
	margin:0px;
	right:0px;
	bottom:0px;
	}

p.recherche_index {
	margin-top:35px;
	font-size:12px;
	color:#334C58;
	font-weight:bold;
	line-height:25px;
	}
p.ariane {
	font-size:10px;
	margin-top:30px;
	}
p.ariane a{
	text-decoration:underline;
	}
/*CONTENU*/

#contenu {
	width:968px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	text-align:left;
	}

/*POUR L'INDEX*/
.gauche_page {
	margin:15px 20px 20px 20px;
	padding:0px;
	width:520px;
	position:relative;
	overflow:visible;
	float:left;
	}
.annonce_index{
	width:180px;
	height:245px;
	margin:29px 0px 0px 20px;
	padding:0px;
	float:left;
	position:relative;
	border:1px solid #8FAB94;
	}
.annonce_index img{
	width:180px;
	height:108px;
	}
.annonce_index h3{
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:2px;
	background-color:#F3F3C9;
	}
.annonce_index h4{
	font-size:11px;
	font-weight:bold;
	margin:4px;
	color:#1E8BFF;
	}
.annonce_index p{
	font-size:10px;
	margin:4px;
	}
a.bout_detail {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:17px;
	width:49px;
	height:18px;
	position:absolute;
	bottom:0px;
	right:0px;
	background-image:url(images/detail.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}
a:hover.bout_detail {
	font-size:10px;
	color:#334C58;
	background-image:url(images/detail-over.gif);
	}
#calculatice_index {
	width:253px;
	height:135px;
	float:left;
	position:relative;
	background-image:url(images/cadre-calculatrice_index.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 20px 20px 0px;
	padding:17px 0px 0px 26px;
	font-size:13px;
	color:#334C58;
	}
#calculatice_index a{
	display:block;
	width:154px;
	height:28px;
	line-height:12px;
	font-size:10px;
	background-color:#F3F3C9;
	padding:4px 0px 0px 4px;
	position:relative;
	margin:8px 0px 0px 0px;
	float:left;
	}
#calculatice_index a:hover{
	background-color:#ABAB9C;
	color:#FAF96D;
	}
#equipe_index {
	width:182px;
	height:135px;
	float:left;
	position:relative;
	background-image:url(images/cadre-equipe_index.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0px 20px 0px;
	padding:17px 0px 0px 26px;
	font-size:13px;
	color:#334C58;
	}
#equipe_index a{
	display:block;
	width:152px;
	height:28px;
	line-height:12px;
	font-size:10px;
	padding:4px 0px 0px 4px;
	position:relative;
	margin:8px 0px 0px 0px;
	float:left;
	}
#equipe_index a:hover{
	background-color:#ABAB9C;
	color:#FAF96D;
	}
/*SLIDER ACCUEIL*/
.admin_slider img {
	float:right;
	width:250px;
	height:150px;
	position:relative;
	}


/*POUR PAGES*/
#vue {
	width:670px;
	margin:0px 20px 20px 20px;
	padding:0px;
	position:relative;
	}
#colonne_droite {
	width:240px;
	position:relative;
	float:right;
	margin:30px 0px 0px 0px;
	padding:0px;
	}

#recherche {
	width:240px;
	background-image:url(images/fond-recherche.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	position:relative;
	}
#recherche h3 {
	background-color:#DEDC1E;
	width:213px;
	padding:0px 5px 5px 20px;
	font-size:12px;
	margin:0px 1px 0px 1px;
	color:#334C58;
	}
#iframerecherche {
	width:238px;
	margin:0px 1px 0px 1px;
	
	}
	
/*numero de pages des vues*/
p.numero {
	font-size:10px;
	margin:0px;
	padding:0px;
	text-align:right;
	}
p.numero a{
	text-decoration:underline;
	}	

#calculatice {
	width:230px;
	height:125px;
	float:left;
	position:relative;
	background-image:url(images/cadre-calculatrice.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
	padding:17px 0px 0px 26px;
	font-size:11px;
	color:#334C58;
	}
#calculatice a{
	display:block;
	width:125px;
	height:25px;
	line-height:12px;
	font-size:9px;
	background-color:#F3F3C9;
	padding:4px 0px 0px 4px;
	position:relative;
	margin:8px 0px 0px 0px;
	float:left;
	}
#calculatice a:hover{
	background-color:#ABAB9C;
	color:#FAF96D;
	}
#equipe {
	width:182px;
	height:135px;
	float:left;
	position:relative;
	background-image:url(images/cadre-equipe_index.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px 0px 20px 0px;
	padding:17px 0px 0px 26px;
	font-size:13px;
	color:#334C58;
	}
#equipe a{
	display:block;
	width:152px;
	height:28px;
	line-height:12px;
	font-size:10px;
	padding:4px 0px 0px 4px;
	position:relative;
	margin:8px 0px 0px 0px;
	float:left;
	}
#equipe a:hover{
	background-color:#ABAB9C;
	color:#FAF96D;
	}	
/*STYLES ANNONCES (vues)*/	
		
.annonce{
	border:1px solid #95AF99;
	padding:0px;
	margin:0px 0px 10px 0px;
	position:relative;
	height:148px;
	}

.annonce h3{
	margin:0px;
	clear:left;
	padding:0px;
	background-color:#EFEE88;
	}
img.annonce_vue {
	width:200px;
	height:130px;
	float:left;
	margin:0px 15px 0px 0px;
	position:relative;
	}
	
/*annonce vue*/
a.lien_annonce{
	background-color:#EFEE88;
	display:block;
	width:665px;
	height:18px;
	line-height:15px;
	font-size:12px;
	padding:0px 0px 0px 3px;
	margin:0px;
	position:relative;
	}
a:visited.lien_annonce{
	background-color:#F0F0E5;
	color:#6A6A6A;
	font-style:italic;
	}

a:hover.lien_annonce,a:focus.lien_annonce,a:active.lien_annonce{
	background-color:#CECEBB;
	color:#334C58;
	}


/*prix*/
.annonce h4 {
	color:#1E8BFF;
	margin:0px;
	font-size:12px;
	}
a.bout_detail2 {
	background-image:url(images/detail2.gif);
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	width:82px;
	height:17px;
	right:0px;
	bottom:0px;
	margin:0px;
	padding:0px 5px 0px 0px;
	clear:left;
	position:absolute;	
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:right;
	}
a:hover.bout_detail2 {
	font-size:12px;
	color:#334C58;
	background-image:url(images/detail2-over.gif);
	}
/*STYLE DES ANNONCES (fiche de détail)*/
.annonce_det{
	border-left:1px solid #DCDCD3;
	border-bottom:1px solid #DCDCD3;
	border-right:1px solid #DCDCD3;
	padding:0px;
	margin:0px 0px 10px 0px;
	position:relative;
	overflow:auto;
	}
.annonce_det h3{
	margin:0px;
	clear:both;
	padding:0px;
	background-color:#F3F3C9;
	font-size:13px;
	color:#334C58;
	}		
/*fiche de détail*/
h5.reference {	
	width:189px;
	height:33px;
	color:#334C58;
	text-align:center;
	font-size:10px;
	line-height:40px;
	margin:10px 0px 0px 481px;
	padding:0px 0px 0px 0px;
	background-image:url(/images/onglet.gif);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	}
.annonce_det h3.offre {
	background-color:#F0F0E5;
	display:block;
	width:665px;
	height:18px;
	line-height:15px;
	font-size:12px;
	padding:0px 0px 0px 3px;
	margin:0px;
	position:relative;
	}
.annonce_det h4.prix {
	color:#1E8BFF;
	font-size:14px;
	margin:10px 40px 0px 20px;
	text-align:right;
	}
.annonce_det p.infos {
	background-color:#F0F0E5;
	width:189px;
	float:right;
	position:relative;
	margin:15px 0px 0px 0px;
	padding:5px 40px 5px 5px;
	text-align:right;
	}		
.annonce_det p.infos2 {
	position:relative;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 20px;
	width:410px;
	border-bottom:1px solid #95AF99;
	}	
.annonce_det .commercial {
	color:#64816A;
	font-size:10px;
	margin:0px;
	width:234px;
	padding:0px 20px 5px 0px;
	text-align:right;
	float:right;
	border-bottom:1px solid #95AF99;
	}
.annonce_det .commercial img{
	margin:0px 5px 0px 0px;
	}
img.vignette {
	width:234px;
	height:140px;
	float:right;
	margin:5px 0px 5px 10px;
	}
/*PAGE D'INFOS*/

.information{
	border-left:1px solid #DCDCD3;
	border-right:1px solid #DCDCD3;
	padding:0px;
	margin:0px 0px 10px 0px;
	position:relative;
	}
.information h3{
	margin:0px 0px 0px 20px;
	clear:left;
	padding:0px;
	font-size:16px;
	font-weight:normal;
	}		

.information h4 {
	font-size:12px;
	
	margin:10px 40px 0px 20px;
	}
/*PAGE EQUIPE*/

.collaborateur{
	border:1px solid #DCDCD3;
	padding:4px;
	margin:0px 0px 10px 10px;
	position:relative;
	width:150px;
	float:left;
	}
.collaborateur img{
	width:150px;
	height:200px;
	margin:0px;
	}
.collaborateur h4 {
	font-size:12px;
	margin:10px 0px 0px 0px;
	color:#3D7CB5;
	}
.collaborateur p {
	margin:0px;
	}
h3.general {
	color:#3D7CB5;
	font-style:italic;
	}
	/*NAVIGATION BASSE*/
#nav_bas	{
	width:968px;
	height:110px;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	position:relative;
	text-align:center;
	background-color:#ECECE6;
	}
#nav_bas p{	
	width:222px;
	float:left;
	text-align:left;
	position:relative;
	margin : 0px 0px 0px 20px;
	}
#nav_bas2	{
	width:968px;
	margin:0px auto 0px auto;
	padding:0px;
	position:relative;
	text-align:center;
	overflow:visible;
	}
a#admin {
	color:#FFFFFF;
	}
a:hover#admin {
	color:#FFFFFF;
	}