/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   www.ctm-grenoble.org                    |
|---------------------------------------------------------------------------|
|                                                                           |
|                          Styles communs à tout le site                    |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL	- juin 2009 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* Toutes les marges et padding sont mises à 0 */
* {
	margin: 0;
	padding: 0;
	}
	
/* Suppression du soulignement des liens */
a {
	text-decoration: none;
	}
a img {
	border:none;
	}
.decalHaut30 {
	margin-top:30px;
	}
/* Définition de la zone 'centrage'
-----------------------------------------------------------------------------
	La zone 'centrage' est centrée sur la page, avec une largeur fixe et contient 
	les éléments de la page.
---------------------------------------------------------------------------*/
#centrage {
	position: relative;
	top:10px;
	margin-left: auto;
	margin-right: auto;
	width:952px;
	}
	
/* Définition de la zone 'bandHaut'
-----------------------------------------------------------------------------
	La zone 'bandHaut' contient le menu haut
---------------------------------------------------------------------------*/
#bandHaut {
	position:relative;
	float:left;
	width:952px;
	height:128px;
	background:url(../images/band_haut.jpg) left no-repeat;
	}
#bandHaut a.logo {
	position:relative;
	float:left;
	display:block;
	width:220px;
	height:130px;
	}
#menu {
	position:absolute;
	left:220px;
	top:66px;
	width:701px;
	height:62px;
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	}
#menu a {
	position:relative;
	float:left;
	display:block;
	width:173px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:black;
	margin-bottom:2px;
	margin-right:2px;
	}	
#menu a:hover {
	background-color:#FF9900;
	color:white;
	}
#menu a.lienMort {
	background-color:#7685BC;
	color:white;
	}
	
	
/* Définition de la zone 'blabla'
-----------------------------------------------------------------------------
	La zone 'blabla' est située sous le bandeau Haut et contient tous
	les contenus textes et images de la page.
---------------------------------------------------------------------------*/
#blabla {
	position:relative;
	float:left;
	display:inline;/*IE*/
	width:952px;
	background:url(../images/bandOr.gif) 24px repeat-y;
	}
/* Définition de la zone 'bandGauche'
-----------------------------------------------------------------------------
	La zone 'bandGauche' contient le sous menu et les infos placées à gauche
---------------------------------------------------------------------------*/
#bandGauche {
	position:relative;
	float:left;
	display:inline;/*IE*/
	margin-left:24px;
	width:194px;
	padding-bottom:30px;
	}
#photo {
	position:relative;
	float:left;
	height:225px;
	width:194px;
	}
a#home {
	position:absolute;
	display:block;
	width:112px;
	height:30px;
	text-align:center;
	background:url(../images/bout_accueil.gif) 0 0;
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	line-height:30px;
	color:black;
	}
a#home:hover,a#home.lienMort {
	background:url(../images/bout_accueil.gif) 0 -31px;
	color:white;
	}
img#vitrail {
	position:absolute;
	top:197px;
	left:0;
	width:13px;/*mention obligatoire pour IE*/
	height:83px;/*mention obligatoire pour IE*/
	z-index:50;
	}

#bandGauche h1 {
	position:relative;
	float:left;
	display:inline;/*IE*/
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	width:170px;
	color:white;
	margin-left:20px;
	margin-top:6px;
	margin-bottom:30px;
	}
#datedujour {
	position:relative;
	float:left;
	display:inline;/*IE*/
	width:184px;
	margin-left:10px;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#333399;
	}
#bandGauche h2 {
	position:relative;
	float:left;
	display:inline;/*IE*/
	margin-top:10px;
	height:1.6em;
	width:184px;
	padding-left:10px;
	background-color:#FCC047;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#970F00;
	}
a.fleche, a.flecheG {
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:5px;
	padding-left:14px;
	width:170px;
	height:1.6em;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#970F00;
	background:url(../images/flecheOr1.gif) left no-repeat;
	}
a.fleche:hover {
	color:white;
	}
	

	
/* Définition de la zone 'bandPied'
-----------------------------------------------------------------------------
	La zone 'bandPied' contient les infos et navigation de pied de page
---------------------------------------------------------------------------*/
#bandPied {
	position:relative;
	float:left;
	width:952px;
	height:25px;
	background:url(../images/band_pied.jpg) no-repeat;
	color:white;
	padding-top:15px;
	margin-bottom:20px;/*IE*/
	}
#bandPied h1 {
	position:relative;
	float:left;
	display:inline;/*IE*/
	margin-left:35px;
	width:300px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	}
#bandPied h2 {
	position:relative;
	float:left;
	display:inline;
	width:600px;
	height:1.6em;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	}
#bandPied a {
	margin-left:40px;
	padding-left:14px;
	background:url(../images/flecheOr2.gif) 0 3px no-repeat;
	color:white
	}
#bandPied a:hover {
	color:#970F00;
	}
#bandPied hr {
	visibility:hidden;
	height:50px;
	}