/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   index                                   |
|---------------------------------------------------------------------------|
|                                                                           |
|                          Site MCAE.org			                         |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL - sept 2008	 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/



/* Définition de la zone centre
-----------------------------------------------------------------------------
	La zone 'centre' se place au centre de la page, et affiche une image.
---------------------------------------------------------------------------*/


#centre {
	height:30px;
	z-index:100;
	}
#centre h1 {
	position:absolute;
	top:-60px;
	left:173px;
	height:100px;
	width:360px;
	font:1.3em Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	}
#centre h2 {
	position:absolute;
	left:183px;
	width:350px;
	text-align:right;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}
#centre h2.tpe {
	top:50px;
	}
#centre h2.social {
	top:180px;
	}
#centre h2 a  {
	color:#FF6600;
	}
#centre h2 a:hover {
	color:#66CC33;
	}
#centre h2 img {
	vertical-align:middle;
	}
#centre p {
	position:absolute;
	left:183px;
	width:350px;
	text-align:right;
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#000;
	}
#centre p.tpe {
	top:103px;
	}
#centre p.social {
	top:230px;
	}
#centre #actu {
	position:absolute;
	top:110px;
	left:596px;
	height:205px;
	width:184px;
	overflow:hidden;
	}
#centre #actu p {
	position:relative;
	float:left;
	left:0;
	width:184px;
	font:0.75em Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	line-height:1.3em;
	margin-bottom:10px;
	}
#centre #actu a {
	display:block;
	margin-top:6px;
	color:#66CC00;
	font:0.75em Arial, Helvetica, sans-serif;
	}
#centre #actu a:hover {
	color:#FF6600;
	}
#centre img.photoActu{
	position:absolute;
	left:567px;
	top:-149px;
	height:178px;
	width:241px;
	}
#datedujour {
	position:absolute;
	top:75px;
	left:580px;
	font:0.8em Arial, Helvetica, sans-serif;
	color:#6666CC;
	}

/* Hauteur et image de la zone bas 
------------------------------------------------------------------*/

#bas {
	height:520px;
	background-image:url(../images/bandeauBasAccueil.jpg);
	}		
#bas p#menu1 {
	top:310px;
	}
#bas p#menu2 {
	top:344px;
	}