html, body {
	height:100%;
	margin: 0; /* pour éviter les marges */
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
    	font-size: 13px;
    	text-align: center; /* pour corriger le bug de centrage IE */

}

#global {
    	width: 850px;
	min-height: 100%;
	text-align: left; /* on rétablit l'alignement normal du texte */
	padding: 0 10px;
	margin: 0 auto;
	background: url(../img/global.jpg) center repeat-y;
	position: relative;
}

#titre{
	background: #fff url(../img/header.jpg) no-repeat;
	margin-left: 50px;
	height: 150px;
}

/* Pas de bordure pour les images !*/

img  {
	border: 0;
}

/* Comportement général des liens */

a:link  { /* de base */
	color: #000;
	text-decoration: underline;
}


a:visited  { /* visit�*/
	color: #000;
	text-decoration: underline;
}

a:hover { /* survol�*/
	color: #d4d4d4;
    text-decoration: none;
}

#evenement {
	float: left;
	width: 200px;
	margin: 5px;
	padding: 0 5px 5px 5px;
}

#corps, #liens, #contacts, #credits, #partenaires, #login, #adminUtilisateurs {
	width: 800px;
	min-height:590px;
	margin: 40px auto;
	padding: 0;
	padding-bottom: 40px;
	background: url(../img/fond.jpg) center no-repeat;
}

#forum, #calendrier {
	width: 830px;
	min-height:590px;
	margin: 40px auto;
	padding: 0;
	padding-bottom: 40px;
	background: url(../img/fond.jpg) center no-repeat;
}

div#pied {
	position: absolute;
	width: 100%;
	bottom: 0;
	clear: both;
	padding: 5px;
	margin-left: 10px;
	color: #000;
	background: url(../img/pied.png) no-repeat;
	background-position:0% 65%;
	padding-left:60px;
	}

/* Comportement g��al des li avec carr� color� */

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

/* Classe pour les puces carrees colores */

.vert {
	background-image:url(../img/vert.jpg);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:15px;
}	

.bleu {
	background-image:url(../img/bleu.jpg);
  	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:15px;
}

.gris {
	background-image:url(../img/gris.jpg);
  	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:15px;
}

.jaune{
	background-image:url(../img/jaune.jpg);
  	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:15px;
}

/* Classe pour les logos avec légendes */
/* 3 par pages */

.logoTiers {
	width : 33%;
	float : left;
	text-align: center;
	margin-bottom: 20px;
	}

/*  Le menu d�ustation */

#menuPub {
	margin: 0px;
	padding:0px;
	position :absolute;
	top: 10px;
	width: 850px;
	margin-bottom: 5px;
	height: 165px;
	background: url(../img/sousmenu.jpg) bottom no-repeat;
	}



#menuPub li {
	margin-left : 650px;
	margin-bottom: 5px;
	font-size: 12px;
	list-style-type:none;
} 

/* menuPrive */

#menuPrive {
	z-index: 1;
	position: absolute;
	bottom: 5px;
	right: 5px;
	clear: both;
	padding: 5px;
	color: #000;
	padding-left:60px;
	}

#menuPrive li {
	margin-right: 10px;
	float: left;
	font-size: 12px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
}

#contacts li {
	margin-left: 20px;
	margin-bottom : 10px;
	font-size: 14px;
	list-style-type:none;
} 

#liens li {
	margin-left: 20px;
	margin-bottom : 10px;
	font-size: 1em;
	list-style-type:none;
}

h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
    font-size: 17px;	
}

h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
    font-size: 15px;
	font-weight: bold;
}

h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
    font-size: 13px;
	font-weight: bold;
}

#contact_sujet {
	width: 400px;
}

#contact_email {
	width: 400px;
}

#contact_textarea {
	width: 400px;
	height: 400px;
}

#warning {
	color: #ff0000;
	font-weight: bold;
}

.partner {

}

/* Comportement des tableaux de liens a legende */
#liens td, #partenaires td {
	text-align : center;	
}