body {
	margin:0 ;
	background-image: url(images/fond_vert.jpg);
	background-repeat: repeat-x;
}

#conteneur-general {
	width:793px;
	height:auto;
	border-left:1px solid #F1F1ED;
	border-right:1px solid #F1F1ED;
	background-color:#FFFFFF;
	margin:auto;
}
#TopPage {
	width:793px;
	height:26px;
	background-image: url(images/bg_top.gif);
}
#TopLogo{
	width:523px;
	height:41px;
	background-image: url(images/homepage/logo1.jpg);
	float:left
}

/*Menu Haut................................................................ */

#MenuHaut {
	width: 270px;
	height: 41px;
	float: left;
	position:relative;
}

#MenuHaut ul{
	margin:0;
	padding:0;	
}

#MenuHaut li {
	float: left;
	position:relative;
	height: 41px;
	list-style-type:none;
}

#MenuHaut li span {

	display: none;

}

#MenuHaut li a {

	display: block;
	background-image: url(images/menu_top_off.gif);
	height: 41px;
}
#MenuHaut li a:hover {

	display: block;
	background-image: url(images/menu_top_on.gif);
	height: 41px;
}

a#Accueil {

	width: 58px;

	background-position: 0 top;
}



a#Qui {

	width: 132px;

	background-position: 1024px top;

}



a#Contact{

	width: 80px;

	background-position: 1160px top;

}


/*Fin Menu Haut................................................................ */

#PhotoHomepage{
	background:url(images/homepage/photo.jpg);
	width:793px;
	height:256px;
	float:left;
}

#ContainRubHomepage{
	background:url(images/homepage/bg_rub.gif);
	background-repeat: repeat-x;
	width:793px;
	height:280px;
	float:left;
	background-color: #FFFFFF;

	
}
#ContainFonctionnaires{
	width:257px;
	height:275px;
	float:left;
	margin: -2px 3px 0 0 ;
}
#ContainEntreprises{
	width:257px;
	height:275px;
	float:left;
	margin: 0 0 0 4px;
}
#ContainParticuliers{
	width:257px;
	height:275px;
	float:left;
	margin: 0 0 0 4px;

}


/*................................................................ */
#RubHomepageFonctionnaire {
	width:257px;
	height:auto;
	float:left;
	background:#FFF;
	margin:2px 0 0 4px;

}
#OngletFonctionnaire {
	background:url(images/homepage/fonctionnaire/onglet.gif);
	width:auto;
	height:35px;
}
#OngletEntreprises {
	background:url(images/homepage/entreprise/onglet.gif);
	width:auto;
	height:35px;
}
#OngletParticuliers {
	background:url(images/homepage/particuliers/onglet.gif);
	width:auto;
	height:35px;
}
.TitreFonctionnaire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 15px;
	vertical-align: bottom;
	line-height: 35px;
}
#RubHomepageEntreprise {
	width:257px;
	height:auto;
	float:left;
	background:#FFF;
}

#RubHomepageEntreprise {
	width:257px;
	height:auto;
	float:left;
	background:#FFF;
}

#TexteRubHome{
	margin:-2px 0 0 4px;
	width:256px;	
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	float:left;
	clear:both;height:135px;
	
}
#TexteRubHomeEntreprises{
	margin:-3px 0 0 0;
	width:256px;
	height:135px;	
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	float:left;
	clear:both;
}
#TexteRubHomeParticuliers{
	margin:-3px 0 0 0;
	width:256px;	
	height:135px;	
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	float:left;
	clear:both;
}
#BasRubriqueHomepage{
	background:url(images/homepage/arrondi_bas_rub.png);
	width:258px;
	height:135px;	
	height:14px;	
	float:left;
	clear:both;
	margin:0 0 0 4px;

}
#BasRubriqueHomepage2{
	background:url(images/homepage/arrondi_bas_rub.png);
	width:258px;
	height:14px;	
	float:left;
	clear:both;
	margin:0 0 0 0;

}
#BasRubriqueHomepage3{
	background:url(images/homepage/arrondi_bas_rub.png);
	width:258px;
	height:14px;	
	float:left;
	clear:both;
	margin:0 0 0 0;

}
.TextesRubHomepage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #5A3A22;
	margin:5px;
}


/*................................................................ */


/*FOOTER ................................................................ */

#Footer{
	background:#C43A96;
	width:793px;
	height:35px;	
	float:left;
	clear:both;
	text-align:center;
	padding:10px 0 0 0;
}

.TexteFooter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ECC0DD;
	font-style: normal;
	text-decoration: none;


}
.TexteFooter a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ECC0DD;
	font-style: normal;
	text-decoration: underline;

}
.TexteFooter a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ECC0DD;
	font-style: normal;
	text-decoration: none;
}

/*................................................................ */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent: 15px;
	line-height: 35px;
	text-decoration: none;
}
h1 a{

	line-height: 35px;
	text-indent: 15px;
	color: #5A3A22;
	text-decoration: none;
}
h1 a:hover{
	color: #5A3A22;
}

.TitresRubriques{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #FFF;
	text-indent: 15px;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	margin:0 0 0 5px;
}
.TitresRubriques a{
	text-decoration:underline;
}
.TitresRubriques a:hover{
	text-decoration: underline;
}
	#envoyer-ami {
	position:relative;
	width:150px;
	height:auto;
	background-color:#FFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:100;
	border:1px solid #E7E4D5;
	padding:5px;
}
#envoyer-ami input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height:auto;
	/*border:none;*/
	padding:2px;
	margin:0;
}
.cachediv {
	display:none;
	/*height: 1px;
	margin-top: -1px;
	position: absolute;
	overflow:hidden;
	visibility:hidden;*/
}

#reponseenvoyer {
	padding:0;
	margin:0;
}