/* Design du site des Sittelles */

body {
	width: 800px; /* Largeur du site à 800 pixels */
	margin: auto;  /* Pour centrer la page */
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	font-size: 12px;
}

/* Fond bleu clair du site */
.fond {
	width: 800px;
	/*height: 100%;*/
	padding-bottom: 20px;
	background-color: rgb(222, 242, 255);	
}

.contenu {
	width: 696px;
	margin: auto;
	margin-top: 0px;
	padding-top: 20px;
}

.banner {
	margin: 0px;
	padding: 0px;
	width: 681px;
	height: 150px;
	background-image: url(images/banner_homepage.png);
	background-repeat: no-repeat;
}

/* Toute la bannière est un lien pointant vers la page d'accueil */
.banner a {
	display: block;
	width: 684px;
	height: 150px;
}

/* pas de bordure pour les boutons du menu */
.menu a img {border: 0px;}

.cadrehaut {/* conteneur global et arrière-plan du titre du cadre */
	width: 696px;
	height: 5px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	background: url(images/cadre_haut.png) no-repeat;
}
.cadremilieu{
	width: 636px;
	min-height: 400px;
	margin: 0px;
	padding: 30px;
	padding-top: 10px;
	background: url(images/cadre_milieu.png) repeat-y;
	text-align: justify;
}
.cadremilieubaniere{
	width: 696px;
	padding-left: 5px;
	background: url(images/cadre_milieu.png) repeat-y;
	text-align: justify;
}
.cadrebas {/* arrière-plan bas et sur l'ensemble du cadre */
	width: 696px;
	height: 11px;
	background: url(images/cadre_bas.png) no-repeat;
}

.cadremilieu h2 {
	font-variant: small-caps;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	color: white;
}

a {text-decoration: none; color: rgb(10, 80, 255);}
a:hover{color: white;}

.cadremilieu .cadre_menu{margin: 0px; margin-bottom: 10px; padding: 3px; background: rgb(222, 242, 255);}

.cadremilieu .texte_centre{text-align: center;}

.cadremilieu .p_sans_marge{margin: 0px; padding: 0px;}

.cadremilieu .prochainement {
	width: 280px;
	padding: 10px;
	
	background: rgb(222, 242, 255);
	
	border: 3px groove white;
	
	float: left;
}

.cadremilieu .prochainement h2 {font-size: 14px; color: black;}

.cadremilieu .prochainement a:hover{color:black;}

.cadremilieu .prochainement .prochaine_date {font-weight: bold; color: rgb(10, 177, 255);}

.cadremilieu .prochainement .prochain_evenement {font-weight: bold;}

.cadremilieu .prochainement .prochain_lieu{padding-left: 20px;}

.agenda_date, .programme_groupe{font-weight: bold; color: rgb(10, 80, 255);}

.cadremilieu .extrait_guestbook {
	width: 280px;
	padding: 10px;
	
	background: rgb(222, 242, 255);
	
	border: 3px groove white;
	
	float: right;
}

.cadremilieu .extrait_guestbook h2 {font-size: 14px; color: black;}

.cadremilieu .extrait_guestbook a:hover{color:black;}

.cadremilieu .extrait_guestbook .date {font-weight: bold; color: rgb(10, 177, 255);}

.cadremilieu .extrait_guestbook .auteur {font-weight: bold;}

.agenda_evenement{font-weight: bold}

.agenda_lieu{padding-left: 20px; }

.programme_titre{font-weight: bold;}
.programme_compo{font-style: italic;}

/* Page Guestbook : Mise en page des messages */
.guestbook_message {width: 100%; margin-bottom: 10px; border: 3px solid white; border-collapse: collapse;}

.guestbook_message thead {border: none; background: rgb(222, 242, 255);}

.guestbook_message .date {text-align: right;}

.guestbook_message tbody td {padding: 10px;}

/* Page contact : Tableau des adresses */
.tab_adresses {width: 100%;}

.tab_adresses td {vertical-align: top;}

.tab_adresses h4 {
	font-size: 16px;
	font-variant: small-caps;
	color: white;
	margin-bottom: 5px;
}

.tab_adresses p {margin: 0px; padding: 0px;}

.copyright {
	margin-top: 10px;
	text-align: center;
	color: rgb(10, 177, 255);
}

.copyright a:hover{color: black;}