/*************************************************
				STYLES BALISES GENERIQUES
*************************************************/
body {
	margin:0;
	padding:0;
	background-color:#FFF001;
	color:#000000;
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:12px;
}


/************************************************
				ENTETE
************************************************/

div#entete {
	background:url(../img/site/entete.jpg) no-repeat 50%;
	height:200px;
}


/*****************************************************
				MENU horizontal
*****************************************************/

div#menu {
	margin:auto;
	background:url(../img/site/menu.jpg) repeat-x;
	height:30px;
	text-align:center;
}
div#menu a {
	padding:5px 15px 5px 15px;
	color:#FFFFFF;
	font:bold 14px Verdana, Geneva, Arial, sans-serif;
	line-height:33px;
	text-decoration:none;
}
div#menu a:hover, div#menu a:active {
	color:#FF0000;
}


/***********************************************************
				CORPS
***********************************************************/

div#contenu {
	background:url(../img/site/fond2.jpg) no-repeat 50% top;
	height:auto;
}
html>body #contenu {
	height:auto;
	min-height:626px;
}
div#vide {
	height:30px;
}
div#title {
	width:970px;
	margin:auto;
}
table#titre {
	border-collapse:collapse;
}
table#titre td {
	background-color:#FFFFFF;
	font:bold 14px Verdana, Geneva, Arial, sans-serif;
	padding:5px;
}
div#texte {
	width:930px; /* 930px + 25px + 15px de padding droit et gauche = 970px au total (le padding dans une div "allonge" la div au lieu de créer un espace intérieur comme les tableaux) */
	margin:auto;
	background:url(../img/site/fondblanc02.png) repeat-y;
	font:12px Verdana, Geneva, Arial, sans-serif;
	padding:15px 25px 15px 15px;
}
div#texte a:visited, a:link {
	color:#000000;
	text-decoration:none;
}
div#texte a:hover, a:active {
	color:#FF0000;
}
div#fondblanchaut, div#fondblancbas {
	width:970px;
	margin:auto;
}
div#postithaut {
	margin:auto;
	width:239px;
}
div#postitbas {
	margin:auto;
	width:209px; /* 209px + 15px + 15px de padding droit et gauche = 239px au total (le padding dans une div "allonge" la div au lieu de créer un espace intérieur comme les tableaux) */
	padding:5px 15px 25px 15px;
	background:url(../img/site/postitbas.jpg) bottom no-repeat;
	text-align:center;
}


/*************************************************
				PIED DE PAGE
*************************************************/
div#mention {
	font:11px Verdana, Geneva, Arial, sans-serif;
	text-align:center;
}


/*************************************************
				INFO-BULLE
*************************************************/
a.bullepresse {
	position:relative;
	z-index:24;
}
a.bullepresse:hover {
	z-index:25;
}
a.bullepresse span {
	display:none;
}
a.bullepresse:hover span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:auto;
	border:1px solid red;
	background-color:#FFFFFF;
	white-space:nowrap;
	font-size:12px;
	color:#000000;
	text-align:left;
	font-weight:normal;
	padding:2px;
}


/*************************************************
		LIVRE D'OR & FORMULAIRE DU LIVRE D'OR
*************************************************/
table#livredor { /* ATTENTION , le tableau livredor est également utilisé dans la page "photos" et dans l'admin a la page "listelicencie" */
	width:935px;
	border-collapse:collapse;
}
table#livredor td {
	font:12px Verdana, Geneva, Arial, sans-serif;
	padding:1px 5px 1px 5px;
}
table#livredorform {
	width:935px;
	border-collapse:collapse;
}
table#livredorform td {
	font:12px Verdana, Geneva, Arial, sans-serif;
	padding:5px;
}
#livredorform input, #livredorform textarea {
	border:1px solid black;
	background:url(../img/site/fond2.jpg) 16%;
}
.buttonform {
	border:1px solid black;
	background:url(../img/site/fond2.jpg) 25%;
	padding:4px;
	font:bold 13px Verdana, Geneva, Arial, sans-serif;
	color:black;
}
#smiles {
	cursor:pointer;
}