/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes pour GERP ARCHITECTES     */
/*  ----------------------------------------------------------- */

/*  CSS : Abel Poucet - 2008  */




/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #fff;
	margin: 0;
	text-align: center;
	font-size: 10px;
	color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

.small {
	font-size: 11px;
	}

small {
	font-size: 11px;
	}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
width: 950px;
margin: 30px 10px 10px 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #FFF;
}

#page_intro {
		 /* IE MAC ne voit pas la fin de commentaire sur cette ligne �_*/
	   position:absolute;
     left: 50%; 
     top: 50%;
     margin-top: -165px;
     margin-left: -91px;
     /* IE MAC voit un commentaire sur plusieurs lignes se terminant ici */
	width: 182px;
	height: 330px;
	text-align: left;
 		 /* IE Mac ne voit pas l'asterisque qui suit l'antislash �_*//*/
     margin-left: auto;
     margin-right: auto;
     margin-top: 100px;
 		 /**/
	}

#menu_rub{
	float: left;

	letter-spacing: 1px;
	width: 800px;
	line-height: 18px;
}

#conteneur {}

#navigation {
	width: 262px;
	float: left;
}


#navigation_home {
	}

#conteneur #contenu {
	float: right;
	text-align: right;
}

/* PAGE ARTICLES IMAGES */

#image_loading {
	width: 661px;
	height: 453px;
}

#image_loading.loading {
	background: url(../squelettes/images/ajax-loader.gif) no-repeat center center; 
}

#image_article {
	display: none;
}

/* MENUS ARTICLES PAGES ARTICLES */

#menu_art_Notre_agence {margin-top: 15px;}
#menu_art_Notre_agence a {color: #939393;}
#menu_art_Notre_agence a:hover {color: #333;}
#menu_art_Notre_agence a.on {color: #333;}

#menu_art_Audiovisuel {margin-top: 15px;}
#menu_art_Audiovisuel a {color: #847d73;}
#menu_art_Audiovisuel a:hover {color: #333;}
#menu_art_Audiovisuel a.on {color: #333;}

#menu_art_Ecoles {margin-top: 15px;}
#menu_art_Ecoles a {color: #9ca674;}
#menu_art_Ecoles a:hover {color: #333;}
#menu_art_Ecoles a.on {color: #333;}

#menu_art_Logements {margin-top: 15px;}
#menu_art_Logements a {color: #757591;}
#menu_art_Logements a:hover {color: #333;}
#menu_art_Logements a.on {color: #333;}

#menu_art_Bureaux {margin-top: 15px;}
#menu_art_Bureaux a {color: #8799a5;}
#menu_art_Bureaux a:hover {color: #333;}
#menu_art_Bureaux a.on {color: #333;}

#menu_art_Hopitaux {margin-top: 15px;}
#menu_art_Hopitaux a {color: #867065;}
#menu_art_Hopitaux a:hover {color: #333;}
#menu_art_Hopitaux a.on {color: #333;}

#menu_art_Boutiques {margin-top: 15px;}
#menu_art_Boutiques a {color: #997c81;}
#menu_art_Boutiques a:hover {color: #333;}
#menu_art_Boutiques a.on {color: #333;}

#menu_art_Associations {margin-top: 15px;}
#menu_art_Associations a {color: #b4b346;}
#menu_art_Associations a:hover {color: #333;}
#menu_art_Associations a.on {color: #333;}

#menu_art_Nous_contacter {margin-top: 15px;}
#menu_art_Nous_contacter a {color: #939393;}
#menu_art_Nous_contacter a:hover {color: #333;}
#menu_art_Nous_contacter a.on {color: #333;}

#menu_art_Plan {margin-top: 15px;}
#menu_art_Plan a {color: #939393;}
#menu_art_Plan a:hover {color: #333;}
#menu_art_Plan a.on {color: #333;}


/* MENUS RUBRIQUES PAGES ARTICLES */

.Notre_agence_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s01.gif) no-repeat 0 0 ;
	}
	.Notre_agence_on span { display: none; }

.Audiovisuel_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s02.gif) no-repeat 0 0 ;
	}
	.Audiovisuel_on span { display: none; }

.Ecoles_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s03.gif) no-repeat 0 0 ;
	}
	.Ecoles_on span { display: none; }

.Logements_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s04.gif) no-repeat 0 0 ;
	}
	.Logements_on span { display: none; }

.Bureaux_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s05.gif) no-repeat 0 0 ;
	}
	.Bureaux_on span { display: none; }
	
.Hopitaux_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s06.gif) no-repeat 0 0 ;
	}
	.Hopitaux_on span { display: none; }	
	
.Boutiques_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s07.gif) no-repeat 0 0 ;
	}
	.Boutiques_on span { display: none; }
	
.Associations_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s08.gif) no-repeat 0 0 ;
	}
	.Associations_on span { display: none; }	
	
.Nous_contacter_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s09.gif) no-repeat 0 0 ;
	}
	.Nous_contacter_on span { display: none; }	
	
.Plan_on {
	display: block;
	width: 262px;
	height: 23px;
	background: transparent url(../squelettes/images/battement/s10.gif) no-repeat 0 0 ;
	}
	.Plan_on span { display: none; }	
	
/* Entete */
#entete {
float: right;
text-align: right;
width: 100px;
height: 120px;
padding-right: 12px !important;
}
/* UNIQUEMENT IE = HACK */
* html #entete {
padding-right: 0 !important;
}



/* Pied de page */
#pied {
font-size: 11px;
text-align: justify;
letter-spacing: 1px;
word-spacing: 1px;
}
#pied a {color: #333;}
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie et liens generaux du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body {
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	color: #847D75,
	}


a { text-decoration: none; color: #b2b3b5; }
a:hover { color: #3b4a54;}

.bouton {
	display: block;
	height: 23px;
	margin: 0 0 19px 0;
	padding: 0;
	border: 0;
	font-size: 0px;
}

.spacer {
	margin: 45px 0 0 0;
	padding: 0;
	}

.spacer_home {
	margin: 26px 0 0 0;
	padding: 0;
	}
	
/* menu pagination */	
	
#menu_pagination {
	position: relative;
	top: -443px; 
	right: 5px;
	z-index: 200;
	}
*html #menu_pagination {zoom:1;} /* only ie6 */	
	
#menu_pagination a {
	color: #333;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	background: white;
	padding: 2px 4px;
	border: 1px solid #939393;
	}	
#menu_pagination a:hover {
	background: #e5e5e5;
	color: #333;
	}	
#menu_pagination .on {
	color: #939393;
	display: block;
	float: left;	
	margin: 0 3px 0 0;
	background: #d0d0d0;
	padding: 2px 4px;
	border: 1px solid #939393;
	}	
#menu_pagination a#pagination_art_img {display: none;}	
	
.floatright {float: right;}