body
{
	margin: O;
	color: navy;
	font-family: arial, helvetica, "arial narrow", "Century Gothic";
	background-color: rgb(255,237,194);
	z-index: 1;
	
}
/* centrer le site */
#global {
	border: 0 solid; margin-top: -300px; left: 50%; margin-left: -498px; width: 980px; position: absolute; top: 52%; height: 550px; background-color: rgb(255,237,194);
}
/* fin */


/* activité entreprise */
h2  {position: absolute; top: 15px; font-size: 14px;}
/* titre à l'intérieur de la page */
h3  {font-size: 12px;}
/*sous menu à l'intérieur de la page */
p {font-size: 11.5px; text-align: justify;}
a {text-decoration: none; color: navy; font-family: "Century Gothic";}
a h5 {font-size: 11px; padding-left: 30px; font-family: "Century Gothic";}
h4 {font-size: 12px; text-align: left;}
h5 {font-size: 11px;}


/* mise en forme du logo et texte associé */

#logo, #mots_atis
{
	position: absolute;
	left: 0;
	top: 53px;
	width: 980px;
	height: 389px;
}
#logo {z-index: 1;background:url("photos_atis_phalene/atis_phalene.jpg") no-repeat;}
#mots_atis {z-index: 3;}


#atis {position: absolute; left: 265px; top: 130px; z-index: 2; width: 500px; line-height: 30px;}
#atis_2 {position: absolute; left: 120px; top: 290px; z-index: 2; width: 500px; line-height: 16px;}
h1
{
	font-size: 80px;
	margin-top: 30px;
	font-family: "Century Gothic";
	font-weight: normal;
}

#titre
{
	font-size: 32px;
	margin-left: 80px;
	margin-top: 20px;
	font-family: "Century Gothic", arial, helvetica, "arial narrow";
}
h2 span
{
	font-size: 17px;
	font-weight: bold;
}
#sous_titre
{
	font-size: 10.5px;
	font-weight: normal;
	z-index: 2;
	font-family: "Century Gothic";
}
/* fin mise en forme  logo et texte associé */
#atis_phalene_contenu
{
	position: absolute;
	left: 0; 
	top: 52px;
	width: 980px; 
	height:389px;
	z-index: 3;
}
/* contenu de la première page */
#valeurs, #force, #demarche, #clients, #geographique
{z-index: 3;font-size: 15px; font-weight: bold;padding-top:5px; width: 323px; padding-left: 25px; font-family:"Century Gothic", arial, helvetica, "arial narrow";}
#valeurs span, #force span, #demarche span, #clients span, #geographique span
{display: block;font-size: 11.5px; font-weight: bold; font-family: arial, helvetica, "arial narrow", "Century Gothic"; padding-left: 10px;
}
#valeurs {margin-top: 20px; 	margin-left: 535px; background:url("photos_atis_phalene/atis_phalene_valeurs.gif") no-repeat;}
#force  {margin-left: 605px; background:url("photos_atis_phalene/atis_phalene_force.gif") no-repeat;}
#demarche {margin-left: 655px; background:url("photos_atis_phalene/atis_phalene_demarche.gif") no-repeat; width: 200px;}
#clients {margin-left: 625px; background:url("photos_atis_phalene/atis_phalene_clients.gif") no-repeat;} 
#geographique {margin-left: 595px; 	background:url("photos_atis_phalene/atis_phalene_geographique.gif") no-repeat;}
/* fin contenu de la première page */


#presentation_metiers_et_formation {position: absolute; top: 500px; left: 57px; z-index: 3; width: 861px;
background:url("photos_atis_phalene/atis_phalene_presentation_metiers_formation.jpg") no-repeat; height: 265px;
}
#presentation_metiers_et_formation  h3 {padding-top: 5px;}
#presentation_metiers_et_formation  p {margin: 0; width: 730px; padding-left: 50px;}
#presentation_metiers_et_formation  table {padding-top: -15px; margin-left : 245px; height: 20px;}
#presentation_metiers_et_formation  td {margin-left : 30px;margin-right : 150px;}
#immobilier { width: 130px;}
#etudes_projets { width: 180px;}

#secteur_immobilier, #secteur_etudes, #secteur_audit {font-size: 12px;}
#metiers
{background:url("photos_atis_phalene/atis_phalene_valeurs.gif") no-repeat 232px 10px; text-align: center;line-height: 30px; font-family: "Century Gothic",arial, helvetica, "arial narrow"; font-size: 15px;}
#formation
{background:url("photos_atis_phalene/atis_phalene_valeurs.gif") no-repeat 495px 7px; text-align: center; line-height: 30px; font-family: "Century Gothic", arial, helvetica, "arial narrow"; font-size: 15px;}


a {text-decoration: none; font-family: arial, helvetica, "arial narrow", "Century Gothic";}
a:hover {background: none transparent scroll repeat 0% 0%; font-family: arial, helvetica, "arial narrow", "Century Gothic";}
a span {display: none;}
a:hover span {display: inline; background:#e6ebe5; left: 15px; width: 810px; position: absolute; bottom:257px; padding: 15px; font-size: 11.5px; text-align: justify; font-family: arial, helvetica, "arial narrow", "Century Gothic"; z-index: 10; }
span strong {font-size: 12px; text-align: left;}




.triangle
{
	border: none;
	height: 10px;
	width: 10px;
	z-index: 4;
	display: inline;
}



/* mise en forme des mots en haut de la page*/
strong {font-family: "Century Gothic", arial, helvetica, "arial narrow";}
#a,#f,#h,#j, #b
{color: rgb(255,220,145);}
#c,#d
{color: rgb(144,155,139);}
#g, #i
{color: rgb(202,205,185);}
#k,#e {color: rgb(159,159,135);}
#a /* analyse */
{
	font-size: 20px;
	position: absolute;
	left: 488px;
	top: 180px;
}
#b /* réactivité */
{
	font-size: 20px;
	position: absolute;
	left: 480px;
	top: 310px;
}
#c /* prospective */
{
	font-size: 19px;
	position: absolute;
	left: 430px;
	top: 108px;
}
#d /* adaptabilité  */
{
	font-size: 23px;
	position: absolute;
	left: 240px;
	top: 335px;
}
#e /* assistance */
{
	font-size: 16px;
	position: absolute;
	left: 145px;
	top: 300px;
}
#f /* valorisation */
{
	font-size: 19px;
	position: absolute;
	left: 710px;
	top: 10px;
}
#g /* anticipation */
{
	font-size: 19px;
	position: absolute;
	left: 120px;
	top: 35px;
}
#h /* participation */
{
	font-size: 22px;
	position: absolute;
	left: 815px;
	top: 335px;
}
#i /* conseil  */
{
	font-size: 21px;
	position: absolute;
	left: 850px;
	top: 60px;
}
#j /* proposition */
{
	font-size: 18px;
	position: absolute;
	left: 860px;
	top: 200px;
}
#k /* lien */
{
	font-size: 23px;
	position: absolute;
	left: 380px;
	top: 43px;
}
/* fin de la mise en page des mots du haut de la page */


/* MENU NAVIGATION */
.menugauche 
{
	width: 843px;
	position: absolute;
	left: 68px;
	top: 770px;	
	z-index: 4;
	font-size: 14px;
	font-weight: normal;
	padding-top: 30px;
	padding-left:18px;
	word-spacing: 5px;
	background:url("photos_atis_phalene/atis_phalene_navigation.jpg") no-repeat;
}
.menugauche a, .menugauche a:hover {font-family: "Century Gothic";}
.groupe0
{position: relative; top: -10px;}
.groupe1
{position: relative; left:45px; top: -10px;}
.groupe2
{position: relative; left:90px; top: -10px;}
/* fin menu navigation */

/* adresse et copyright */
.menubas
{
	position: absolute;
	top: 825px;
	left: 85px;
	z-index: 4;
	color: orange;
}
.copyright
{
	font-size : 10.5px; padding-left: 595px; color: rgb(255,180,109);
}
#W3C_CSS {border:0; width:30px;}
#W3C {border:0; width:30px;}
.adresse_atis
{
	font-size : 11px;
	font-family: "Century Gothic", arial, helvetica, "arial narrow";
}
.adresse_atis a {color: orange;}
/* fin adresse et copyright */