/* CSS Document */


/* Imported Styles
----------------------------------------------- */
@import url("navigation.css");
@import url("portfolio.css");


/*  ------------------------------------------
/*  GENERAL
/*  ------------------------------------------ */

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;	
}

img{
outline: 0;
border: none;
border: 0;
}

a:focus { /*enleve le contour bleu ds firefox*/
outline:none;
}


/*  ------------------------------------------
/*  DISPOSITION DANS LA FENETRE
/*  ------------------------------------------ */

/* --- BLOC CONTENEUR GLOBAL --- */
#page {
	position: relative;
	margin: 0 auto -20px;
	padding: 0;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 610px;
	text-align: center;
}

/* --- HEADER --- */
#header {
	margin: 0px;
	padding: 0px;
	width: 610px;
	top: 0px;
	left:0px;
	position:absolute;
}


#header h1 a {
	height: 20px;
	width: 100px;
	left: 0px;
	top: 17px;
	position:absolute;
	text-indent:-9999px;
	overflow: hidden;
	z-index:2;
	margin: 0px;
	padding: 0px;
	font-weight: bold;	
}

.sitename {
background-image:url(../images/tallec/logo.png);
background-repeat:no-repeat;
cursor:pointer;
margin: 0px;
padding: 0px;
}


/* --- CONTENT --- */

#content {
	padding: 0px;
	margin: 0px;
	width: 610px;
	text-align: center;
	position: absolute;
	top: 53px;

}

#contenthomepage {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -88px;
	margin-left: -191px;
	text-align: center;

}


.illustrationhome {
	text-align: center;
	margin: 0px auto ;
	padding: 0px;
}


#contentphoto { /* --- specifique pour page contacts.hml --- */
	margin: 0px;
	padding: 0px;
	height: 187px;
	width: 610px;
}



/* --- PIED DE PAGE --- */
.push {
	height: 20px;

 }

#pied {
	position: relative;
	bottom: 0px;
	width: 610px;
	margin: 0px auto;
	padding: 0px;
	height: 20px;

}

/*------------------------------------------------------------ */

/* --- POSITIONNEMENT ADRESSES POUR RUBRIQUE CONTACT --- */

#contentadresses {
	width: 500px;
	margin: 20px 0px 0px;
	padding: 0px;
	float: right;
	clear: right;
}

#leftcontent {
	margin: 0px;
	padding: 0px;
	width: 330px;
	float: left;
	text-align: left;
	background-image: url(../images/tallec/rita2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	bottom: 2px;
}

#rightcontent {
	margin: 0px;
	padding: 0px;
	width: 170px;
	float: right;
	text-align: left;
	}

#alignement {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 100%;
	text-align: left;
    }

.imagecontact {
	margin: 0px;
	padding: 0px;
    }


ul#listeagent {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

ul#listeagent li {
	list-style: none;
	margin: 0px 0px 10px 62px;
	padding: 0px;
	}

#spacer {
 	clear: both;
    }

/* --- pour typo titre liste agent et contact --- */

.typotitrecontact {
	font-size: 12px;
	color: #999999;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
    }

#espaceur {
	margin: 0px;
	padding: 0px;
	height: 20px;
    }











-->