/* CSS du site Herdia */

/* redefinition de la balise body */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	line-height: 1.5em;
	color: #143987;
	background-color: #FFFFFF;
	letter-spacing: 0.08em;
	word-spacing: 0.08em;
	overflow:visible;
}

/* redéfinition de la balise h1 */
h1 {
	font-size: 14px;
	color: #CD0015;
	margin: 0 0 0 0;
} 

/* redéfinition de la balise h2 */
h2 {
	font-size: 11px;
	color: #DD4211;
	height: 25px;
	margin-bottom: 10px;
} 

/* redefinition de la balise img */
img {
	margin: 0;
	padding: 0;
}

/* definition du conteneur du site */
#conteneur {
	position: absolute;
	top: 0;
	width: 950px;
	margin-left: -475px;
	left: 50%;
}

/* colonne de gauche  (logo + menu) */
#colonne_gauche {
	float: left;
	width: 293px;
	margin-right: 10px
}

/* colonne contenant le logo Herdia */
#colonne_logo {
	position: relative;
	width: 293px;
	height: 329px;
}

/* contient le logo Herdia */
#logo {
	position: relative;
	width: 293px;
	height: 279px;
}

#logo:hover {
	cursor: pointer;
}

#zoom {
	font-size: 15px;
	color: #CD0015;
	margin: 0 0 20px 0;
	font-weight: bold;
	text-decoration: none;
}

#zoom:hover {
	text-decoration: underline;
}

/* contient le menu du site */
#menu {
	position: relative;
	width: 293px;
	height: 166px;
	background-color: #E84813;
	padding: 65px 0 0 0;
	color: #FCFFFF;	
	line-height: 2.5em;
	font-weight: bold;
	margin-top:61px;
}

/* contient le menu du site */
#menu_colonne1 {
	float: left;
	width: 152px;
	background-color: #E84813;
	color: #FCFFFF;	
	line-height: 2.5em;
	font-weight: bold;
}


/* contient le menu du site */
#menu_colonne2 {
	float: left;
	width: 125px;
	background-color: #E84813;
	color: #FCFFFF;	
	line-height: 2.5em;
	font-weight: bold;
}

/* contient un lien du menu */
.lien_menu {
	position: relative;
	display: block;
	height: 30px;
	margin: 0 0 0 25px;
	cursor: pointer;
	text-decoration: none;
	color: #FCFFFF;	
}

/* contient un lien du menu survolé */
.lien_menu:hover {
	background-image: url(img/separateur_menu.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
	text-decoration: none;
	color: #FCFFFF;	
}

/* contient un lien du menu sélectionné */
#lien_menu_select {
	position: relative;
	width: 150px;
	height: 30px;
	margin: 0 0 0 28px;
	background-image: url(img/separateur_menu.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}


/* colonne de droite (entete + contenu textuel) */
#colonne_droite {
	float: left;
	width: 646px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

/* contient la banniere */
#banniere {
	position: relative;
	width: 646px;
	height: 90px;
	background-color: #FFFFFF;
	background-image: url(img/banniere_index.jpg);
	background-repeat:no-repeat;
}


/* contient le texte de la page */
#texte {
	float: left;
	width: 680px;
	text-align: justify;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

#texte_accueil {
	width: 645px;
	height: 290px;
	margin: 0 10px 10px 0;
	background-color: #E1E1E4;
}

#rubriques {
	width: 645px;
	height: 231px;
	background-color: #E1E1E4;
	padding: 0;
	margin: 0;
}

#image_texte {
	display: block;
	text-decoration: none;
	height: auto !important;
	height: 231px;
	min-height: 231px;
	background: url(img/index.jpg) no-repeat 0 -231px;
}


#texte_rubrique {
	float: left;
	width: 250px;
	margin: 15px 0 0 0px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
} 

#texte_rubrique a {
	color: #FFFFFF;
	text-decoration: none;
}

#texte_rubrique a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#rubrique {
	float: left;
	margin-left: 25px;
	padding: 0;
	height: 205px;
	line-height: 1em;
}


#lien_erp {
	display: block;
	text-decoration: none;
	height: 46px;
	color:#D50015;
	font-weight: bold;
	background-image: url(img/erp.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin: -2px 0 5px 10px;
}

/*#lien_erp:hover {
	background-image: url(img/erp_hover.jpg);
}*/

#lien_assu {
	position: relative;
	display: block;
	text-decoration: none;
	height: 46px;
	color:#7F006B;
	font-weight: bold;
	background-image: url(img/assurance.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 10px 0 5px 9px;
	border: 1px solid #E1E1E4;
}

/*#lien_assu:hover {
	background-image: url(img/assurance_hover.jpg);
}*/

#lien_immo {
	display: block;
	text-decoration: none;
	height: 46px;
	color:#E03911;
	font-weight: bold;
	background-image: url(img/immobilier.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: -3px 0 5px 10px;
}

/*#lien_immo:hover {
	background-image: url(img/immobilier_hover.jpg);
}*/

#lien_compta {
	display: block;
	text-decoration: none;
	height: 46px;
	color:#6EA4D4;
	font-weight: bold;
	background-image: url(img/compta.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: -2px 0 5px 10px;
}

/*#lien_compta:hover {
	background-image: url(img/compta_hover.jpg);
}*/


/* contient les images de droite */
#image {
	float: left;
	width: 161px;
	height: 471px;
	background-color: #E1E1E4;
}

/* contient le lien retour */
#meet {
	display: block;
	width: 115px;
	height: 19px;
	margin: 25px 0 0 45px;
	background-color: #E1E1E4;
	background-image: url(img/rencontrer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
	text-decoration: none;
}


#meet:hover {
	background: url(img/rencontrer.jpg) no-repeat 0 -19px;
	cursor: pointer;
	text-decoration: none;
}



/* contient le pied de page (cadre identification + lien) */
#footer {
	float: left;
	height: 80px;
	width: 949px;
	background-color: #E1E1E4;
	margin: 10px 0 0 0;
	padding: 0;
}

#identification {
	float: left;
	width: 390px;
	height: 65px;
	background-color: #E1E1E4;
	margin-top: 15px;
	font-weight: bold;
}

#erreur {
	float: left;
	display: block;
	color: #DB602E;
	font-style:italic;
	height: 30px;
	margin: 0;
	padding: 0;
}

#lien_footer {
	float: left;
	width: 550px;
	height: 40px;
	background-color: #E1E1E4;
	text-align: right;
	font-size: 16px;
	margin-top: 40px;
}

#lien_accueil {
	display: block;
	width: 60px;
	height: 19px;
	background-image: url(img/footer_accueil_index.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;  
}

#lien_accueil:hover {
	background: url(img/footer_accueil_index.jpg) no-repeat 0 -23px;
	cursor: pointer;
}

#lien_mentions {
	display: block;
	width: 110px;
	height: 19px;
	background-image: url(img/footer_mentions_index.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

#lien_mentions:hover {
	background: url(img/footer_mentions_index.jpg) no-repeat 0 -21px;
	cursor: pointer;
}

#lien_trouver {
	display: block;
	width: 110px;
	height: 18px;
	background-image: url(img/footer_trouver_index.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;	
}

#lien_trouver:hover {
	background: url(img/footer_trouver_index.jpg) no-repeat 0 -17px;
	cursor: pointer;
}

#lien_equipe {
	display: block;
	width: 70px;
	height: 18px;
	background-image: url(img/footer_equipe_index.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

#lien_equipe:hover {
	background-image: url(img/footer_equipe_index.jpg);
	background-repeat: no-repeat;
	background-position: 0 -17px;
	cursor: pointer;
}

#lien_contact {
	display: block;
	width: 50px;
	height: 17px;
	background-image: url(img/footer_contact_index.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

#lien_contact:hover {
	background: url(img/footer_contact_index.jpg) no-repeat 0 -16px;
	cursor: pointer;
}

#footer p {
	margin: 0 25px 0 28px;
}

#footer img {
	border: 0;
}

#footer a {
	color: #426BAB;
 	text-decoration: none;
}

.input_text {
	border: 0;
	font-size: 10px;
	color: #666666;
}

#valider {
	display: block;
	height: 28px;
	background-image: url(img/valider.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
	text-decoration: none;
}


#valider:hover {
	background: url(img/valider.jpg) no-repeat 0 -28px;
	cursor: pointer;
	text-decoration: none;
}

img {
	border: 0;
	text-decoration: none;
}
